getServerSideProps2 React - Next.js API Routes next js의 장점은 SSR(server side rendering)이다. getServerSideProps와 getStaticProps 라는 함수를 통해서 page가 로딩될때, 함수들이 실행되어 data fetching을 미리하는 장점이 있다. 이후에 client의 api 통신은 client에서 직접사용을 했었지만, API Routes를 알게된 이후로 client의 api호출을 SSR로 통신이 가능한 것을 알게되었다. API Routes를 사용하면 API server의 도메인 값을 알 수 없어서 보안적으로 매우 좋다고 생각을 한다. #object - API Routes - API Routes와 getServerSideProps 차이 - API CORS ## API Routes - API Routes는.. 2022. 9. 5. Redux - next.js store에 접근 redux와 next.js를 같이 사용하고 있다면.... SSR이 되면서 초기 data를 받아온 것을 redux에 넣어 뿌려줘야 하지만 next js에 나와있는 getServerSideProps만으로는 redux store에 접근할 수 없다. #object * next getServerSideProps 에서 store 접근 ## next-redux-wrapper 7.0 이하 버전 이와 더불어 추가로 설정을 더 해줘야 store 접근 할 수 있다. redux store를 setting 하면서 wrapper를 export를 해줄텐데 여기서 wrapper를 가져와서 사용하면 store에 접근을 할 수 있다. export const getServerSideProps = wrapper.getServerSidePr.. 2021. 10. 16. 이전 1 다음 반응형
