-
Notifications
You must be signed in to change notification settings - Fork 0
Nextjs에서 로컬 스토리지가 undefined인 이유? Nextjs Server Error : localStorage is not defined
Coa edited this page Mar 1, 2022
·
1 revision
클라이언트 사이드 어플리케이션으로 작업하는 데 익숙하다면 localStorage
를 서버에서 액세스할 수 없다는 사실이 놀라울 수 있습니다.
window
객체에 localStorage
가 정의되어 있지 않고 Next.js가 클라이언트 사이드 렌더링 전에 서버 사이드 렌더링을 수행하기 때문입니다.
따라서 페이지가 클라이언트에서 로드되고 window
객체가 정의될 때까지 localStorage
에 액세스할 수 없습니다.
컴포넌트 내부에 부수 효과를 처리하는 useEffect에서 localStorage에 액세스하는 방식으로 해결합니다.
😎@Daewon Seo 🥳@papa 🧐@Coa 🤪@HuiSeung LEE
Test 관련 이슈
Next.js 관련 이슈
Git 관련 이슈
기타 이슈
기술공유
- [strapi] authenticated request 구현하기
- aria label는 왜 쓰는 것인가?
- font icon을 집어 넣을 때 i 태그로 넣을까? pseudo elements(before, after)로 넣을까?
- Nextjs에서 a 태그를 Link 태그로 감싸야 한다.
- Nextjs에서 img 대신 Image 컴포넌트 사용하기, next.config.js는 무엇인가?
- React.FC
- React.js rest Props와 Object destructuring
- Reactjs 컴포넌트 선언 방식을 화살표 함수로 할지 함수 선언문으로 할지
- Test 참고
- useAxios test code
- 뷰포트 메타태그, Next.js에서 Head 태그란?
- 스타일이 중복되서 들어갈 때 그룹 셀렉터 대신 mix를 쓰거나, 아니면 만든 mix의 modifier를 만들어주거나, 각각에 주거나.
- 타입스크립트 클래스에서의 protected, private 필드와 # 필드의 차이
- Global state VS local state 리덕스의 배경이해, 글로벌 변수와 다를 바 없다면 지양되어야 하지 않나?
- Fontawesome Icon React 적용방법
- classnames/bind 함수와 classnames 함수의 차이
- Jest와 Testing Library