CRA 기초 세팅

초기세팅

CRA 설치 방법

1. cmd를 켠다.
2. 설치하고자 하는 폴더로 이동한다(cd C:\Users\zkj94\OneDrive\바탕 화면\Project)
3. create-react-app 폴더명을 입력한다.
4. code .을 입력하여 VS Code를 실행시킨다.

eslint 설치 방법

1. react 폴더 root에 .eslintrc.json 파일을 생성한다.
2. .eslintrc.json 파일 내부에 { "extends": "react-app"} 내용을 추가해준다.
3. npm i prettier eslint-config-prettier eslint-plugin-prettier -D 을 입력해준다.
4. { "extends": ["react-app", "plugin:prettier/recommended"]} 로 업데이트 해준다.

cross-env 설정

cross env는 파일을 import 할 때, ../../../과 같이 상대경로 설정시, 길어지는 문제를 해결 할 수 있다.

1. npm install cross-env을 해준다.
2. package.json 파일에 들어간다.
3. "start부분과 "build"부분을 다음과 같이 바꿔준다.
4. “start”: “cross-env NODEPATH=src react-scripts start”, “build”: “cross-env NODEPATH=src react-scripts build”,