jaeseokim.github.io/React/React-Nextjs-useSWR-Hook-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0/ [React, Next.js] - useSWR Hook 알아보기! Next.js를 공부하다 Client 단에서 Data Fetch할 때 자주 사용 되는 swr 에 대해서 알게 되어 한번 정리를 해보았습니다. ⭐ 혹시 잘못 이해해서 잘못된 부분이 있다면 댓글로 알려주세요.! ⭐ useSWR 이란? jaeseokim.github.io Next.js를 공부하다 Client 단에서 Data Fetch할 때 자주 사용 되는 swr 에 대해서 알게 되어 한번 정리를 해보았습니다. ⭐혹시 잘못 이해해서 잘못된 부분이 있다면 댓글로 알려주세요.!⭐ useSWR ..

Next를 사용하는 가장 큰 이유중 하나인 "Pre-Rendering" 기능에 대해 공부를 하면서 깨달은 점 몇가지가 있어서 정리를 해보았습니다. getInitialProps 를 이용한 CSR, SSR 요청 구분 Next.js의 문서를 보게 되면 getInitialProps 함수가 실행 될 때 넘어오는 context 의 값에 대해서 설명하는 부분이 있습니다. getInitialProps receives a single argument called context, it's an object with the following properties: pathname - Current route. That is the path of the page in /pages query - Query string secti..

⭐주의⭐ 지식이 매우 부족한 상태에서 아무렇게나 적어둔 글입니다. 잘못된 정보가 포함될 수 있습니다. 잘못 된 부분은 댓글로 알려주세요! Next.js란? Next.js 는 React의 SSR(Server Side Rendering)를 도와주는 프레임 워크입니다. 기본 React는 SSR과 CSR 두 가지 모두 지원을 하지만 보통 기본적으로 SPA(Single Page Applciation)으로 CSR(Client Side Rednering)를 사용합니다. 이때 CSR과 SSR에 대한 장점과 단점이 나타나게 되는데 CSR기반은 초기에 한번만 로딩 되고 나면 JS를 이용하여 모든 Dom를 구현하기 때문에 사용자가 페이지 전환이 유연하게 이루어 진다는 것을 느끼게 됩니다. 단점은 사이트 규모가 커지게 되면 ..