React 개발환경 갖추기

React 개발환경 설정하기

node.js 설치

홈페이지에서 node.js 설치 후에 설치 되었는지 확인하려면(윈도우 기준)

1. 시작+R -> cmd 실행
2. npm -v 실행 후 버전 숫자가 나오면 정상 설치 되었다는걸 확인

React 설치

1. 전역에 설치

npm install -g create-react-app # 설치

create-react-app -V # 정상 설치되어있는지 버전확인

2. 공식문서 npx 이용 설치

npx create-react-app my-app

npm과 npx의 차이

npm은 프로그램을 설치하는 역할

npx는 create-react-app 이라는 프로그램을 임시로 설치해서 딱 한번만 실행시키고 지우는 역할(컴퓨터 공간을 낭비하지 않는다. 항상 최신상태로 설치한다.)

3. CDN을 이용해 사용중인 HTML파일에 필요할때마다 부분적으로 React 기능을 추가
   • 초보자에겐 권장하지 않는다.

실행하기

npm start

종료하기

터미널에서 컨트롤+C