next js ![]
생성 기초
app 내부 layout.tsx, page.tsx
= root segment = 제일 먼저 root(/)에서 보게 될 페이지
next js에서의 routes
app 내부에 폴더 생성 (ex, about-us처럼)
=> 하나의 페이지가 될 수 있다고 알려 주는 것
about-us 폴더 내부에 page.tsx 생성 후 export default를 통해 내보내줌
=> /about-us 페이지에서 렌더링 할 내용 작성
파일 시스템을 사용한 경로 표시
(page 파일 필수)
= /about-us/company/sales
※ /about-us/company에 접근하면 아무것도 없기 때문에 오류 발생
not-found.tsx파일을 사용하면 없는 url 페이지에 표시될 내용 설정 가능
컴포넌트 이동
<Link를 통해 이동
usePathname 훅 이용하여 현재경로 표시
Navigation을 통해 불러와 페이지에 이동 표시
