1. 설치 방법 및 초기 세팅

$ npx create-next-app

해당 명령어를 실행하면 아래 내용의 프롬프트가 표시됩니다.

각 프롬프트에 원하는 부분을 선택하여 마지막까지 진행하면 해당 구성으로 새 프로젝트가 생성됩니다.

*What is your project named?  (프로젝트명/폴더명)
Would you like to use TypeScript?  No / Yes
Would you like to use ESLint?  No / Yes
Would you like to use Tailwind CSS?  No / Yes
Would you like to use src/ directory?  No / Yes
Would you like to use App Router? (recommended)  No / Yes
Would you like to customize the default import alias?  No / Yes*

2. pages 폴더의 역할 (라우팅)

NEXT.js에서 pages 폴더의 역할은 페이지 라우터 기능을 수행합니다.

pages 폴더 안에 파일이 추가되면 자동으로 페이지 경로로 사용할 수 있습니다.

.js , .jsx , .ts , .tsx 사용 가능

function Main() {
	return <div>Main</div>
}

export default Main;