next.js2 TIL - Next.js Redux 연동하기 configStrore Redux-devtools – 엑션이 실행되면 액션실행과 store에 저장되있는 값이 변경되는 것을 보여준다. Next.js 에서 redux-devtool을 이용하기 위해서 redux 와 redux-devtools-extension 을 설치 해야 한다. configureStore는 store에 관한 설정을 할 수 있다. const configureStore = ()=>{ const middlewares = []; const enhancer = process.env.NODE_ENV === 'production' ? compose(applyMiddleware(...middlewares)) : composeWithDevTools(applyMiddleware(...middlewares)); const store.. 2020. 9. 10. react TIL - next.js, Prop-types, ant-design , Styled-components 오늘 알게 된 사실 - nextj JS에 대해 공부했다. Next는 코드스플리팅과 서버사이드렌더링을 지원해준다. 따라서 사용자와 데이터를 많이 주고 받는 페이지 또는 검색엔진에 노출이 되야 하는 쇼핑몰페이지를 만들 때 유용하다. 코드스플리팅을 통하여 모든 페이지의 정보를 받아오는 것이 아니라 현재 페이지의 정보만 주고 받을 수 있어 빠르게 화면을 보여 줄 수 있다. Next 에서는 다른 링크로 이동할 때 react-router을 이용하는 것이 아니라 next에서 제공하는 Link를 이용한다. 사용할 때는 홈 과 같은 방식으로 작성한다. Nextjs에서 head부분의 수정을 원할 경우 import Head from ‘next/head’를 통해서 head부분을 변경할 수 있다. Return 문안에 컴포넌트를.. 2020. 9. 4. 이전 1 다음
