커리큘럼 페이지를 리팩토링 하며 1인 개발에 도전하기로 했다. 그러기 위해선 Next.js를 이해할 필요가 있다. 가장 궁금했던 부분은 Next.js가 어떤 흐름으로 동작하는지였다. 특히 page.tsx, 클라이언트 컴포넌트, hook, API 함수, route.ts가 각각 어떤 역할을 맡고 있는지 정리할 필요가 있었다. 현재 구조는 백엔드를 구축하기 이전에 next만을 이용한 구조입니다.route.ts가 그 역할을 대신하고 있으니,백엔드와 프론트엔드의 api호출 흐름까지 보기 위해선 다음 글도 보시면서 이해하면 좋을 것 같습니다. 이 프로젝트의 Next.js 데이터 흐름은 다음과 같이 정리할 수 있다.app/page.tsx -> 서버에서 초기 데이터 생성 -> MainPageClient에 in..