새 페이지는 폴더와 page.tsx가 함께 있어야 URL로 열린다
about 페이지 실습은 폴더 생성, page.tsx 작성, 브라우저 확인의 세 조건을 맞추는 과정이다.
| 작업 | 파일 위치 | URL 결과 | 확인 기준 |
|---|---|---|---|
| 라우트 폴더 만들기 | src/app/about | /about 후보 경로 | 폴더만 있으면 아직 화면은 없음 |
| page.tsx 추가 | src/app/about/page.tsx | /about 접근 가능 | default export 컴포넌트가 화면 담당 |
| 내용 작성 | AboutPage 컴포넌트 | 서버에서 HTML 생성 | use client가 없으면 서버 컴포넌트 |
| 개발 서버 확인 | npm run dev | localhost:3000/about | About Us 화면이 보이면 성공 |
| 문제 발생 시 | 폴더명과 파일명 재확인 | 404 또는 빈 화면 | about/page.tsx 철자와 위치부터 확인 |