본문 바로가기
Road to Developer/React

1. React 환경 설정(for Mac OS)

by 구월에작은섬 2018. 8. 1.

React를 배워보기 위한 환경 설정.


저는 Mac OS, 터미널로 zsh를 사용하고 있습니다.


zsh나 bash 터미널을 열어서 아래 커맨드를 실행한다.


1. Home brew (Mac OS 패키지 관리자) 설치.


$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"



2. 노드 js 설치 (Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다)


2-1. https://nodejs.org/ko/ 홈페이지에서 다운로드 하거나


2-2. $ brew install node



3. yarn설치 (JS 패키지 매니저)


$ brew install yarn --without-node



4. npm(nodeJS 기본 패키지 매니저)으로 create-react-app 다운로드(페이스북이 제공하는 webpack기능의 모듈번들러)


$ npm install -g create-react-app


만약, npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules 같은 오류메시지가 발생한다면


$ sudo chown -R $USER /usr/local


커맨드를 입력해 보자


5. 다운받은 create-react-app을 이용해서 myfirstapp 프로젝트 생성.


create-react-app myfirstapp