주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

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..