React 개발환경 갖추기
React 개발환경 설정하기
node.js 설치
홈페이지에서 node.js 설치 후에 설치 되었는지 확인하려면(윈도우 기준)
- 시작+R -> cmd 실행
- npm -v 실행 후 버전 숫자가 나오면 정상 설치 되었다는걸 확인
React 설치
- 전역에 설치
npm install -g create-react-app # 설치
create-react-app -V # 정상 설치되어있는지 버전확인
- 공식문서 npx 이용 설치
npx create-react-app my-app
npm과 npx의 차이
npm은 프로그램을 설치하는 역할
npx는 create-react-app 이라는 프로그램을 임시로 설치해서 딱 한번만 실행시키고 지우는 역할(컴퓨터 공간을 낭비하지 않는다. 항상 최신상태로 설치한다.)
- CDN을 이용해 사용중인 HTML파일에 필요할때마다 부분적으로 React 기능을 추가
- 초보자에겐 권장하지 않는다.
실행하기
npm start
종료하기
터미널에서 컨트롤+C
Author And Source
이 문제에 관하여(React 개발환경 갖추기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@gusah34/React-개발환경-갖추기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)