[React] 프로젝트 생성 및 실행

목표

1. React 프로젝트를 생성

2. React 프로젝트를 실행

---

OS

macOS 12.3.1 ( M1 )

---

준비사항

Nodejs 설치

https://nodejs.org/ko/

Node.js

만약 설치가 안되어 있다면 해당 사이트에서 다운로드 후 설치

 

다운로드한 pkg 실행 시 설치 위치 확인

• Node.js v16.15.0 to /usr/local/bin/node
• npm v8.5.5 to /usr/local/bin/npm

---

Nodejs 버전 확인

/usr/local/bin/node --version
# v16.15.0
/usr/local/bin/npm --version
# 8.5.5

 

 

---

1. 프로젝트 생성

- 프로젝트명을 주고 생성

# [myreact] 생성할 프로젝트명
/usr/local/bin/npx create-react-app myreact

생성 완료

- 또는 프로젝트위치에서 생성

# [myreact02] 생성할 프로젝트명
mkdir -p ~/workspace/myreact02
cd ~/workspace/myreact02
/usr/local/bin/npx create-react-app .

생성 완료

2. 프로젝트 실행

# 프로젝트 위치 이동
cd ~/workspace/myreact
# 실행
npm start

실행 후 정상으로 동작되면, 크롬 브라우저가 자동으로 실행되거나,

http://localhost:3000으로 접속하시면

아래와 같은 화면이 나온다면 정상 실행된 것입니다.