React 환경설정 및 구동

 

설치

Git, Visual Studio Code, Node.js (LTS)

 

Command 창에서 명령어 실행

1. node -v, npm -v 실행으로 Node.js 설치 확인

• npm : node.js로 만들어진 프로그램을 쉽게 설치할 수 있게 도와주는 앱스토어 같은 역할..
• npx : 임시로 설치 후 삭제, 컴퓨터 용량 확보 가능, 늘 최신상태로 설치 가능

npm install -g create-react-app
create-react-app -V // version check

2. 탐색기에서 workspace 생성 후 기본 react 웹앱 생성

create-react-app .

3. 로컬 환경에서 구동

npm run start
npm start

4. 파일 수정

5. git push

 

확인이 필요했던 부분

• VSCode에서 기본 터미널이 powershell일 경우 명령어 제대로 먹히지 않음 > 기본 터미널 변경
• VSCode 터미널에서 npm, node 등 명령어 작동하지 않고 윈도우 cmd창에서만 제대로 작동함 > vscode 재구동

 

참고 : 인프런 생활코딩 - React 1~9강