pages
ㄴ_app.js
ㄴ_document.js
ㄴ_error.js
ㄴindex.js
public
next.config.jspages 폴더
각종 페이지들을 작성하는 폴더, 해당 폴더 내의 파일을 기반으로 라우팅이 설정된다.
_app.js
client에서 띄우길 바라는 전체 컴포넌트의 레이아웃으로 이해하면 쉽다. 공통 레이아웃이므로 최초에 실행되어 내부에 들어갈 컴포넌트들을 실행한다.
- 최초로 실행되는 파일이다.
- 페이지를 탐색할 때 상태유지를 해준다.
- 페이지들의 공통된 레이아웃을 담당한다.
- 추가적인 데이터를 주입해준다.
- global CSS를 추가할 수 있다.
- ComponentDidCatch를 사용하여 사용자 정의 오류 처리.
- 커스터마이징이 가능하다.
_document.js
SPA에서 시작점이 되는 index.html이라고 생각하면 된다. nextJS에서 사용될 기본적인 html 태그에 대한 보강을 해준다. (ex. <head>태그 안에 스타일을 넣거나, cdn을 추가해서 스크립트를 넣거나, 외부 스크립트를 주입하는 등)
- Server only 파일이다. (Next server logic에 사용되는 파일이라는 뜻, client에서 사용하는 로직 ex.eventlistener등의 window / DOM 로직을 사용하면 안된다.)
_error.js
전역에서 Error 처리를 공통으로 하고자 할 때, 공통적으로 사용할 수 있는 Error Page를 작성할 수 있다.
public
정적 파일을 담고 있는 폴더
?