NEXT의 pages

Next.js!!!!

 

 

pages 폴더에 넣어주는 것만으로도 페이지가 만들어진다.

그 파일이름이 페이지가 되는 거임 리액트 라우터를 사용 안 해도 됨

일단 index가 기본이고  about폴더 주소는 아래처럼....

 

 

pages폴더에 폴더를 하나 더 만들고 파일을 만들어주면 페이지가 뙇

next.js가 pages폴더의 파일들의 이름을 가져다가 url이름으로 만드는 거임

 

 

그리고 뼈대는 설치할 때 app router사용할 것인지 선택하는 부분에서 초큼 바뀌는 듯하다.

app router를 사용하게 되면 pages폴더 대신 app폴더가 생기고 page.tsx가 기본 페이지

layout.tsx는 페이지에서 공통으로 쓰는 header 같은 걸 작성하는 파일이다.

(참고로 app router를 사용하지 않으면 pages폴더에서 index.js가 기본 페이지가 되는 거임)

 

아무튼 페이지를 만들면서 중요한 것은 파일의 이름! 

파일의 이름은 url의 이름이니까 중요하다. 

컴포넌트의 이름 따위 중요하지 않음(.... 중요하겠지?)

또 export default를 해주는 것도 중요함 안 하면 error 뜬다.

next.js의 규칙입니다. 라우팅이 없으니 그런 듯하다.