[Next.js] pages 폴더

Next.js는 프레임워크이기 때문에, 정해진 구조 안에 코드를 넣어야 작동한다.

 

기본적으로 존재하는 pages 폴더(Next12기준)에 index.js를 만들면, 그곳에서 return하는 것들이 바로 프로젝트의 메인화면에 렌더링된다.

또한 해당 폴더에 파일들을 만들면, 자동으로 routing 되어 주소창에 '/파일이름' 만 입력해도 해당 페이지로 자동 routing 된다.

(404페이지 또한 자동으로 생성된다.)

 

여기서 중요한 점은 routing을 하기 위해서는 꼭 함수를 exprt default 해야 한다는 점이다.

또한 파일의 이름이 주소가 되므로 파일의 이름을 잘 지어야 한다. 함수의 이름은 전혀 상관없다.

 

pages안에 있는 index.js는 사이트의 메인페이지가 된다.

따라서 /만 입력했을 때, 해당 페이지가 뜬다. (/index라고 입력하면 404에러가 뜬다.)