Redux - immutable - Next Tutorial

나갈 수 있는 곳도 없고... 코딩 공부도 해야돼서 ㅎㅎ 회사에서 사용하는 라이브러리 공부를 하게 되었다.

 - Redux는 상태관리를 중압집권체제 형태를 따르기 때문에 상태관리의 복잡성을 없애고 상태를 예측가능하기에 나중에 유지보수 측면에서 좋다.

 - immutable.js는 객체나 배열 관리를 immutable(불변의) 상태로 관리하도록 도와주는 라이브러리다. Redux를 사용한다면 상태를 관리할때 객체나 배열을 immutable하게 관리해야기 때문에(최적화를 하기 위해서) 도움이 되는 라이브러리다.

 - Next.js는 처음 공부할 때 이해한 내용은 javascript가 render 되기전에 html 태그를 먼저 불러와서 정적인 페이지 로딩이 빠르고, SSR(server side render)를 하기 때문에 검색기능에 탁월함을 가지고 있다고 알고 있다. Next.js를 사용하면 react-router는 사용할 필요가 없다. Next.js에서 쉽게 page를 router를 해주기 때문에

 

우선 tutorial를 시작하기 위해 라이브러리를 설치를 하면...

React에서 제공하는 npx create-react-app 대신에

npm create-next-app redux-immutable-next-tuttorial

을 입력하고 Next를 설치를 한다. 그리고 나서 immutable과 redux를 설치를 한다.

npm i --save redux react-redux immutable

기본적인 라이브러리는 설치완료 해지만, Tutorial를 진행하면서 필요한 라이브러리를 설치예정