안녕하세요! RyuWoong 입니다. 이번에는 React Query에 대해 조금 이야기 해볼까합니다. 사실 제가 Nextjs에 React Query 쓰면서 옛날 버전 문서보고 삽질해서 그런거 아님. 여튼 시작하시죠. 전역 상태 관리 사실 React Query를 이야기하기 전에 상태 관리 이야기부터 했어야 했을 것 같다는 생각이 드는데, 과거에 상태관리 라이브러리가 한정적인 시절 Redux는 React를 다룬다면 꼭 알아야했을 정도로 중요한 상태관리 라이브러리였습니다. (과거엔 이런 상태 개념을 익힌다는 것이 React의 진입장벽을 높인다는 이야기가 많았죠.) 그리고 전역상태관리라는 것이 왜 필요하게 됐는지에 대한 이야기를 보면 필수적인 요소로 보이구요. 무엇이든 그렇지 않겠냐만, 잘 사용하지 못하면 전역..

안녕하세요! RyuWoong 입니다. 이번 이야기는 Next에서 아~~주 중요한 Data Fetching에 관한 내용입니다. Next를 사용하는 중요한 이유 중 하나라고 할 수 있습니다! 그럼! 확인해보실까요? Data Fetching Next.js에서는 다양한 방식으로 컨텐츠를 렌더링 할 수 있습니다. 크게 Server-side Rendering, Static-site generation, Client-side rendering이 있습니다. 하나씩 살펴보며 어떤 방식을 어떤 때에 사용하는게 좋은지 알아봅시다. Server-side Rendering 우리가 Next.js를 사용하는 큰 이유중 하나인 Server-side Rendering입니다. 요청과 함께 데이터를 가져와야 하는 페이지를 렌더링 해야 하..

안녕하세요. RyuWoong입니다. 이번 포스팅은 Routing에 관한 내용입니다. Next는 CRA(Create React App)과 다른 방법인 파일 기반 라우팅을 지원합니다. 어떻게 다른지 한번 알아보러 가시죠! Basic Next.js에서는 파일 시스템 기반의 Router를 사용합니다. 이게 무엇이냐? Pages 폴더 내에 만든 폴더와 파일이 곧 Router 경로가 됩니다. //일반적인 경로 pages/index.js → / pages/blog/index.js → /blog //중첩라우팅 pages/blog/first-post.js → /blog/first-post pages/dashboard/settings/username.js → /dashboard/settings/username Dynami..