#3 Next.js - File Conventions(특수 파일 규칙) 1- page, layout, template <Using App Router>

이번에는 폴더 안에서 렌더링되는 파일의 규칙에 대해서 알아보자. Next.js는 특정 기능으로 UI를 생성하기 위한 특수 파일 세트를 제공한다.

즉, 파일 이름에 따라 기능이 정해져있고, 이 파일 이름 규칙(File Conventions)을 준수하여야 한다. 이러한 파일 규칙들을 여러 글에 걸쳐서 알아보고자 한다!

0. File Conventions 1. page page는 경로(route)에 고유한 UI이다.

기본적으로 파일에서 컴포넌트를 내보내는 page를 정의할 수 있다. 즉, page는 가장 기본적인 파일이다.

하나의 폴더(세그먼트, 경로)에 보여지는 UI 컴포넌트를 렌더링시킨다. 특별한 기능을 가지고 있진 않다.

확장자는 .js, .jsx또는 .tsx가 가능하다.(모든 File Convention에서 동일하다) 이전 글에서 보여줬듯, 폴더 안에 page 파일을 생성하면 그 안에 있는 컴포넌트를 렌더링 시켜준다.

React에서 렌더링되는 컴포넌트와 똑같다. 위 과정을 리액트로...