Page Component

page.tsx 데이터 연결

페이지 컴포넌트의 역할, 데이터 페칭, params 사용, 선택적 메타 기능을 한 화면 책임으로 정리합니다.

본문

URL의 핵심 화면

공통 레이아웃이 감싸는 내부 콘텐츠를 page.tsx에서 구성합니다.

서버 데이터

서버에서 데이터를 가져오면 클라이언트 번들 부담을 줄일 수 있습니다.

동적 값

[id] 같은 세그먼트 값을 사용해 상세 페이지 데이터를 선택합니다.

경계

반복 UI는 컴포넌트로 분리하고, 여러 페이지가 공유하는 구조는 layout으로 옮겨 page의 책임을 가볍게 유지합니다.

필수page.tsx는 라우트가 실제 화면을 갖기 위한 필수 파일입니다.

분리복잡한 카드, 폼, 리스트는 별도 컴포넌트로 나눕니다.

확장메타데이터나 동적 params가 필요하면 페이지 단위 기능으로 추가합니다.