React create-react-app

■ React create-react-app

Create React App은 React로 웹 애플리케이션을 개발하는데 필요한
모든 설정이 되어 있는 상태로 프로젝트를 생성해주는 도구
이름의 앞글자를 따서 CRA라고 부르기도 한다.

 

Create React App을 실행하기 위한 개발환경은 아래와 같다.

# Node.js v14.0.0 이상 / npm v6.14.0 이상 / VS Code

---

■ Create React 앱 npx 명령어

npx(execute npm package binaries)

# 사용법
$ npx create-react-app <your-project-name>

# 실제 사용 예제
$ npx create-react-app my-app

※ npx는 npm 패키지를 설치한 이후 곧바로 싱행, 엑스큐트까지 해주는 명령어다.

ㄴ 패키지를 정해진 위치에 설치하고 또 찾아서 실행하려면 번거롭기 때문에 간편하게 한 번에 처리하기 위해 사용

---

※ 오류 발생 시 터미널 입력 순서
npm install create-react-app
npm install create-react-app npx create-react-app myapp

---

※ 설치 완료 시 화면

# 경로 변경( change directory)
cd myapp 

# 애플리케이션 실행
npm start

 

---

※ 애플리케이션 실행 후 터미널 출력

 

# Local : http://localhost:3000      접속 시 출력 화면