[리액트 분석하기] Create-React-App으로 리액트 개발 환경을 구축해보자.

 

지난 시간에는 왜 우리는 리액트와 같은 라이브러리를 사용해야 하는지와 Create-React-App이 무엇인지에 대해서 알아보았다. 이번 시간에는 create-reacat-app으로 실제로 리액트 개발을 위한 개발 환경을 구축해보자.

해당 게시물의 소스코드는 리액트 공식 홈페이지의 이미지를 가져다 쓴 글입니다.

---

리액트는 4 가지의 방식으로 Create-React-App을 사용할 수 있다.

• NPM
• NPX
• Yarn
• CDN (react)

별로 어렵지 않으므로 차례대로 봐보자.

 

이들중에 꼭 무엇을 써야한다는 것은 없다. 그냥 원하는 도구로 시작을 하면된다.

 

npm으로 create-react-app 시작하기

 

npm install -g 

는 pc에 global하게 설정한다는 것을 의미합니다.

npx로 create-react-app 시작하기

 

npm과 다른 점은 pc 전역에 해당 기능을 enable하지 않고, 1회성으로 create-react-app이라는 기능을 사용할 수 있습니다.

Yarn으로 create-react-app 시작하기

CDN으로  React 시작하기

CDN은 html에 단지 태그만 추가하면 그와 관련된 의존성을 사용할 수 있게 된다.