2. Next.js 와 next-auth 의 실행 순서에 관하여 단순한 코드가 있다. next-auth 의 useSession 을 사용하여, 로그인한 유저의 데이터값을 가져오고 데이터값을 활용하여 fetch 를 하는 코드이다. const MyTestResults = (props: { userId: string | null | undefined }) => { const { userId } = props;// 페이지에서 useSession 을 통해, 로그인한 유저의 아이디를 넘겨받는다. const [userResultData, setUserResultData] = useState(); useEffect(() => { (async () => { const userData = await fetch("/api/get-user-test-data", { method: "POST".. 2023. 2. 6. 1. ReferenceError: window is not defined 페이지 안에 window 객체를 참조할 수 없다고 한다. const DogsPage = () => { const testResult = window.localStorage.getItem("test-result"); if (testResult === null || testResult === "undefined") { router.replace("/"); } Next.js 는 getServerSideProps 를 사용하지 않더라도, 기본적으로 SSR을 사용하여 통해 pre-render 하는 기본적인 동작방식을 가지고 있다. Next.js 를 pre-render 할때, HTML 을 생성한 다음, 클라이언트로 보낸다. 이때 사용자가 페이지를 방문하면 HTML 을 로드한 다음 수화(페이지가 상호작용 할 수 있도록.. 2023. 2. 4. 이전 1 다음