[React 입문] CRA (Create React App)

1. CRA 개념

- 개발에 필수요소를 자동으로 구성하는 "완제품 구매" 느낌

- 보일러플레이트 : 신문사에서 반복되는 구간은 강철로 만들어서 찍어냄!

 

2. CRA 명령어로 프로젝트 생성 

- VS코드 터미널에서 아래 코드 실행 

yarn create react-app week-1 //프로젝트 생성

npx create-react-app my-app //이것도 프로젝트 생성 가능 ( 선택해서 사용)

cd week-1 // 폴더 ( week-1 ) 로 이동

yarn start//프로젝트 시작

npm start //프로젝트 시작 (선택해서 사용)

 

▶ ls // 현재 내가 위치하고 있는 곳 확인

▶ App.js 를 메인으로 사용할 예정

 

 

3. 절대경로 사용방법

(1) jsconfig.json 파일 생성 (root 경로에 생성)

(2) jsconfig.json 코드 입력

{
    "compilerOptions": {
        "baseUrl": "src"
    },
    "include": ["src"]
}

(3) 오류 발생시 yarn 재시작

 

src 폴더 밑에 있는 것들은 모두 절대경로 사용

[상대경로] import "./App.css"; 

[절대경로] import "App.css";