본문 바로가기

MINIBEEF/REACT

#1 개발환경 세팅

Node.js 다운로드

 리액트는 npm이라는 node.js 기반의 패키지 관리 소프트웨어를 통해 다운로드 받을 수 있다. 공식 홈페이지로 들어가면 좌측은 안정화 된 버전(LTS), 우측은 최신 버전인데 안정화된 버전을 다운 받는 것을 추천한다.

 

npm install create-react-app

 npm은 리액트 개발 환경을 바로 구축할 수 있도록 create-react-app을 제공한다. npm install 명령을 통해 다운로드 받을 수 있다. 이 때 별개로 npx라는 패키지 관리자도 있는데, 이는 실행시킬 때만 다운로드한 후 종료시 삭제한다. 패키지의 버전을 항상 최신으로 유지할 수 있으며 스토리지를 상당히 적게 먹기 때문에 실무에서 사용하는 것을 추천한다.

 

create-react-app <dir>

 다운로드가 완료 되었다면 create-react-app을 실행시키자. 이 때 인자로 본인이 리액트 개발 환경으로 사용할 디렉토리의 경로(절대 혹은 상대)를 넣어주면 엄청 손쉽게 개발환경을 만들 수 있다.

 

'MINIBEEF > REACT' 카테고리의 다른 글

#5 Event  (0) 2020.03.17
#4 props와 state  (0) 2020.02.24
#3 앱 빌드  (0) 2020.02.24
#2 리액트 앱의 기본 구조  (0) 2020.02.24
#0 필기  (1) 2020.02.24