프로젝트/미니 프로젝트 & 과제

[미니 프로젝트] 게시판 프로젝트 1일차

JeanneLee57 2023. 5. 24. 02:04

무엇을 했나

타입스크립트 기본 공부

프로젝트 기본 세팅, 폴더 구조 잡기

 

어려움

Next.js를 RTK와 함께 쓰기 위해서는 별도의 라이브러리가 필요한 듯하다.

Next.js는 서버사이드 렌더링을 하므로 모든 페이지를 서버에서 만든 상태로 클라이언트에 보내주게 되는데, 그렇기 때문에 클라이언트측에서 이뤄지는 상태 변화에 대해서는 서버에서 알 방법이 없기 때문에 서버사이드에서 렌더링 된 페이지를 받아서 클라이언트가 최소한의 자바스크립트 작업들을 할 때(즉 hydration 과정을 거칠 때) 상태 공급을 해 줘야 한다.

이를 위해서 next-redux-wrapper를 쓰면 된다고 하는데, 공식 깃허브에 아직 Next.js 버전 13 이전의 사용법만 명시되어 있어 버전 13에서 바뀐 app 디렉토리에서의 사용법과는 맞지 않는다. 지금까지 검색한 바로는 아직 신버전에서는 사용할 방법이 없는 것 같다.

 

해결해야 할 문제

RTK를 대신할 상태 관리 라이브러리를 찾을 것

 

참고 자료

next-redux-wrapper 공식 깃허브

https://github.com/kirill-konshin/next-redux-wrapper

 

Next.js를 사용할 때 전역 상태 공급을 위해 별도의 라이브러리가 필요한 이유

https://velog.io/@jihyeonjeong11/NextJS-SSG란-무엇인가-어떻게-Redux와-같은-상태-관리가-가능한가