useEffect2 [Next.js] Next.js 에서의 localStorage Next.js는 SSG, ISG 로 인해 client-side-rendering 하기 전 server-side-rendering 을 한다. 따라서 window, document 같은 브라우저 전역 객체를 사용할 수 없다. window 객체는 client-side 에만 존재하기 때문에 페이지가 client에 로드되고 window 객체가 정의될 때까지 localStorage에 접근할 수 없다. 해결방법 1. typeof window !== 'undefined' if (typeof window !== 'undefined') { const item = localStorage.getItem('key') } 페이지가 client 에 마운드될 때까지 기다렸다가 localStorage 에 접근한다. window 객체가.. 2023. 12. 7. [React] 리액트 댓글 좋아요 구현하기 아래는 먼저 페이지의 js이다. frontend/src/user/pages/detailPage.jsx 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 import React, { useEffect, useState } from "react"; import { Link, useParams } from "react-router-dom"; import ReplyLike from ../components/replyLike; const UploadPage = () => { const param = window.location.search.split('=')[1] // memberIdx (현재 로그인한 사람의 id.. 2021. 12. 23. 이전 1 다음