게시글은 리액트 공부용이며 출처를 제시합니다.
출처: 소플의 처음 만난 React, 리액드를 다루는 기술, 모던 자바스크립트 deep dive
HTML 파일에 <script>태그를 활용하여 React 개발 환경을 만들 수 있지만 매번 코드들을 작성하기 번거롭다.
따라서 애초에 리액트로 개발할 수 있는 환경을 만들어주는 CRA를 사용하자.
사전에 설치되어야 할 것
- node.js (npm 자동으로 설치)
- vs code
터미널에 작성하기
npx create react-app 폴더명
npm과 npx의 차이점
CRA를 설치할 때 명령어를 npm을 사용할 것이냐 npx를 사용할 것이냐?
공식문서에는 npx를 사용하길 권장한다.
왜?
npm이 프로그램을 설치하라는 의미라면
npx라는 것은 create-react-app이라는것을 임시로 설치해서 딱한번만 실행하고 지워버리라는 뜻
장점: 컴퓨터의 공간을 낭비하지 않는다. 실행할때마다 다운받기 때문에 항상 최신상태로 사용할 수 있다.
공식문서에서 npx를 권장하는 이유는 실행할때마다 새로운 버전으로 사용하라
Front-end Developer