📚 Reference

• 공식 사이트 1
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3
• 참고 자료 4
• 참고 자료 5

📜 Chapter

CNA (Create Next App)

Next.js & Webpack & Jest & React testing library

yarn

‣

‣

Next.js & Webpack

1. Next.js - 설치

• 아래와 같이 2가지 방법이 있다.

1) Create next app (CNA)

CNA (Create Next App)

• https://nextjs.org/docs/api-reference/create-next-app

# yarn
yarn create next-app

# 프로젝트명을 다음 줄에서 입력함
yarn create next-app --typescript

yarn create next-app {프로젝트명} --typescript

# npx
npx create-next-app

# 프로젝트명을 다음 줄에서 입력함
npx create-next-app --typescript

npx create-next-app {프로젝트명} --typescript

• 컴파일과 번들링이 자동으로 된다. → Webpack과 babel
• Next.js 12버전 부터는 SWC라는 컴파일러를 사용한다. → ‣