Nextjs & useSWR

1.Nextjs - ServeSideProps 에서 cookie 사용

post-thumbnail

Nextjs에서 SSR을 위해 사용하는 ServerSideProps 함수는 서버단에서 동작하는 코드이기 때문에 브라우저의 cookie를 사용하여 API를 요청하는 것이 까다롭다. 다행히 ServerSideProps 함수는 context 파라미터를 주입받기 때문에 con

2021년 2월 22일

2.Nextjs - ServerSideProps에서 Promise.All, Promise.AllSettled 사용하기

post-thumbnail

홈 화면을 렌더링하기 위해 오래전에 봤었던 Nextjs Document를 다시 보게 되었다.어떻게 데이터를 렌더링할지 여러 고민을 하게 되었는데,사용자에 따라 화면이 달리 보여야 하니 SSG를 사용할 수는 없고, SEO를 위해 Server-Side로 페이지 렌더링을 하

2021년 2월 22일

3.Next.js 에서 Pre-rendering (SSG, SSR)과 useSWR(CSR) 잘 융합하기

post-thumbnail

요즈음😁 자주 사용하는 useSWR(Data Fetching 라이브러리)을 통해 페이지를 렌더링 해보았다.SWR 함수는 두 개의 인자를 필수로 받는다. 자세한 사용법과 내용은 코드에 포함되어 있다..!key: fetcher에게 전달되는 인자(보통 URL)fetcher

2021년 2월 22일

4.useSWR - Get 요청 시 fetcher 함수에 인자 넣어주기

post-thumbnail

useSWR을 사용하던 중 fetcher에 인자로 데이터를 보내야해서 공식문서를 참고하였다.2번째 인자로 fetcher로 넣을때 위 3개의 expression은 같은 의미를 갖는다.useSWR은 기본으로 첫번째 인자인 key를 fetcher 인자(url)로 넣어준다.인

2021년 3월 2일