기록하는 개발자

Page 기반 Routing React 로 처음 개발을 할 때 보통 component 작성 후 router를 만들고 시작한다. nextjs를 처음 배웠을 때 제일 놀라고 편했던 것 router를 작성하지 않아도 된다는 것이다.. nextJs의 기본 폴더 구조이다. pages안에 index.js가 "/" 의 위치이다. npm run dev를 하고 3000 port에서 서버가 열리면 "http://localhost:3000/"에서 index.js를 볼 수 있다. page 폴더 아래 여러 폴더 및 파일을 생성해보았다. index.js(tsx)와 동일한 경로에 있는 genre.tsx는 "/genre" 즉, "http://localhost:3000/genre" 로 이동 시 표시되는 컴포넌트 이다. client-s..