React 초기 설치 & 설정

✔ 설치

✔ 오류

1. 설치

1) 바탕화면에 개발할 폴더명을 만들어주기

 => KB-completion-project 

 

2) vscode에서 KB-completion-project 오픈

 

3) 터미널 열어주기

 

4) 터미널에서 npx create-next-app

 

5) 터미널에서 원하는 프로젝트 이름을 설정

 => completion-project

 

6) 초기 설치 폴더 구조(🔻) : 보일러 플레이트

 

 

2. 오류

1) next/babel Error

2) 폴더에 .babelrc 파일을 만들고 아래와 같이 작성

{
  "presets": ["next/babel"]
}

3) .eslintrc라는 파일 내에 "next/babel"을 추가

{
  "extends": ["next", "next/babel", "next/core-web-vitals"]
}

4) 마지막으로 _app.js / index.js를 tsx로 바꿔준다