[ react ] 프로젝트 생성, 프로젝트 실행, 리액트 앱 종료

설치 목록

• node.js
• npm ( node.js 설치시 함께 설치됨 )
• npx

리액트 앱 프로젝트 생성

npx create-react-app ProjectName

• 예전에는 웹팩, 바벨과 같은 도구를 따로 설치해야 했지만 이제는 프로젝트를 생성하면 자동으로 셋팅이 된다.
• create-react-app은 리액트 개발을 바로 시작할 수 있도록 프로젝트 구조 작업, 설정 작업 등을 자동으로 진행해 주는 도구이다.

리액트 앱 실행

npm start

리액트 앱 종료

Ctrl + c 

• 프로젝트를 실행한 터미널에서 입력.

터미널에서 바로 VSCode로 프로젝트 여는 방법.

• 프로젝트가 있는 디렉터리로 이동해서 아래 명령어 입력

  code ProjectName

보일러 플레이트(boiler plate)

개발을 바로 시작할 수 있도록 만든 기초 환경을 말한다.

package.json 파일의 scripts 키값

• 쉽게 말해서 명령어를 의미한다.