react 개발환경세팅 (+MAC OS)

원래 필자는 dango프레임워크만 공부했었다... 근데 회사에서 react와 node.js를 사용해서 서비스를 구축한다고하여 따로 시간내서 공부를 하고있지만 참어려우면서도 재미있다. 

기본적으로 vscode와 node.js가 설치되어있다고 가정하여 설명하겠다. 그냥 구글에 node.js 설치, vscode설치 치면 바로 설치할 수 있을 것이다.

 

npx create-react-app (자신이 원하는 프로젝트명)

여기서 사용한 npx는 무엇이냐

npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구다.

 

npm은 homebrew로 설치했다.

homebrew설치는 

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

터미널에 치면된다. 

brew.sh/index_ko

Homebrew

여기를 참고하면 된다.

 

프로젝트가 만들어지면

터미널로 들어가서 

cd (본인 프로젝트명)
npm start 
	or
yarn start

npm과 yarn의 차이는 그냥 패키지 모듈인데 더 익숙한 것을 사용하면된다.

이러면 크롬으로 react로고가 돌아가는 페이지가 띄워진다.

vscode를 켜서 파일열기->자신의 프로젝트 순으로 들어가면 코드를 볼 수 있다.