[리액트 react] 리액트 프로젝트 만들기

1. 바탕화면에 새로운 폴더를 만든다.

2. VSCODE에서 생성한 폴더를 연다.

 

3. 터미널 열기 (Cntl + `)

(1) npm init react-app . 입력 후 엔터

• 마침표는 현재 디렉토리에서 프로젝트를 만들겠다는 뜻.

(2) 'create-react-app Ok to proceed?'라는 문구가 나오면 y 입력 후 엔터

(3) 프로젝트 생성됨

(4) npm run start 입력 후 엔터

• 프로젝트를 실행하는 명령어 (크롬 브라우저가 열린다.)
• 코드를 수정하면 브라우저에 바로바로 반영할 수 있도록 해준다.
• '개발 모드를 실행했다'라고도 표현함.

4. src 폴더에 있는 App.js를 열어 코드를 수정하여 나만의 프로젝트로 만든다.