커서 폴더구조

src > app - 페이지 파일들 (page.tsx, layout.tsx, …)

src > components → 화면 구성 블록 (button, input, layout, cards, …)

Next.js 이해

😮 primium 페이지 수정하고 싶어!

⇒ src > app > premium > page.tsx

⇒ page.tsx 외의 파일은 고려하지 않음

+) 대괄호 로 묶인 경로는 가변값 = 같은 레이아웃이 여러 데이터에 활용되는 경우 인식x 주의

😮 **localhost:3000 페이지는 무슨 파일일까?**

⇒ 가장 바깥쪽의 page.tsx 파일

😮 src > app > premium > guide > page.tsx 의 localhost 기준 주소는? (앱 라우터 규칙)

⇒ localhost:3000/premium/guide