NextJS의 기본 구성

1. app 폴더 안에 페이지를 구성한다. app이 곧 root. "/" 이다.
2. 폴더명은 경로이다.
   • e.g : sub2의 최종 url은 "localhost:3000/FolderName/Folder/sub/sub2"가 된다.
   • url에 표시되지 않는 폴더를 생성하고자 한다면 (폴더명) 형식으로 작성하면 된다. 
3. page.tsx 파일의 내용이 브라우저에 보여진다.
   • 해당 경로에 보일 내용의 파일명은 반드시 page로 해야한다.
   • page 파일이 없으면 404 에러가 발생한다.
4. layout.tsx 형제, 하위폴더들의 기본 레이아웃을 구성한다.
   
   • {children} 이라고 적힌 부분에 형제, 하위폴더의 page.tsx 들이 삽입된다. (=== react의 children)
5. loading.tsx 브라우저에 화면이 그려지기까지 시간이 걸릴 경우 page.tsx 대신 보여지는 화면이다.
6. error.tsx 에러가 났을 경우 보여지는 페이지이다.

* page, layout, loading, error 의 경우 파일명만 nextjs가 정한대로 작성하면 react에서 처럼 직접 뭘 작성하지 않아도 상황에 맞게 브라우저에 화면이 그려진다.