page.tsx는 URL 입력을 데이터 조회 키로 바꾸는 경계다
실제 페이지는 URL을 그대로 화면에 뿌리는 곳이 아니라, 동적 값을 검증해 서버 데이터 조회와 화면 상태로 연결하는 곳이다.
| 입력 | page에서 처리 | 결과 | 주의 |
|---|---|---|---|
| 정적 경로 /welcome | props 없이 UI 반환 | 환영 페이지 HTML | 단순 화면이면 async가 필요 없음 |
| 목록 /posts | 서버에서 posts fetch | 게시물 목록 HTML | Link는 현재 문법으로 사용 |
| 상세 /posts/12 | params를 await해 id 추출 | id=12 게시물 조회 | params.id를 동기 접근하지 않기 |
| 쿼리 /posts?page=2 | searchParams를 await해 필터 생성 | 페이지네이션된 목록 | 문자열/배열/undefined 처리 |
| 없는 데이터 | notFound 또는 error 경계 | 404/오류 UI | 빈 화면으로 실패를 숨기지 않기 |