react에서 리다이렉션 시키려면 모듈을 설치하여 작업해주어야합니다. 하지만 next에서는 따로 설치 없이 간단히 사용할 수 있습니다. 로그인하지 않았다면 로그인 화면으로 보내는 작업을 하겠습니다. next/router 를 통해 작업하기 위해 import를 해줍니다. import Router from 'next/router'; 컴포넌트가 생성될 때 실행되어야하기 때문에 useEffect를 통해 작업합니다. import React, { useEffect } from 'react'; 코드는 아래와 같습니다. useEffect(() => { if(!nickname){ Router.replace('/login'); } }, [nickname]); if문을 통해 해당 state 값이 없으면 Router.repla..
메타태그로 브라우저 사용자 페이지 우회시키기(리다이렉션 시키기)
리다이렉션이란 사용자 지정 위치로 우회시키는 방법입니다.(출력의 방향을 바꾸는) 예를 들어서 내가 만약 네이버로 접속했는데, 네이버에서 다음으로 리다이렉션 시킨다면 나는 네이버를 들어갔어도 결론적으로 다음 사이트에 들어가지게 됩니다.^^ 보통 리다이렉션을 js로 작업하는데, 접근한 사용자에 따라 분기를 해서 리다이렉트를 시키는 경우라면 아래와 같이 작업을 합니다. if( user == '유저이름' ) { window.location.href = '이 유저에게만 보여줄 주소'; } 근데 이번에 관련 검색을 하던 중에 태그에도 리다이렉트 기능이 있다는 것을 알게되었습니다. 물론, 태그니까 강제로 태그를 수정하는 작업은 하지 말고, 심플하게 사용할 때 쓰도록 하면 좋을 것 같습니다. 비공개 페이지로 사용자가 ..