mac React 개발환경 설정

Homebrew 설치

패키지 설치 및 관리하는 mac용 패키지 관리자 설치해줌!

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

설치 되었는 지 확인 -> 설치가 되면 버전을 확인할 수 있다

brew --version

 

 

설치 후 확인할 수 있는 화면 / 보통 이런식으로 버전이 밑에 나옴

 

 

Node.js 설치

brew install node

설치 확인

node -v

npm 설치 확인 / Node.js를 설치하면 npm도 같이 설치되니 npm도 확인

npm -v

 

 

npm or yarn 설치

yarn은 npm을 대체할 수 있는 도구로 npm보다 빠르고 효율적이라고 함

npm이 익숙하다면 npm을 사용해도 무방함

brew install yarn

yarn 설치 확인

yarn -v

+ 에디터 및 git 설치가 안되어있다면 설치 해줌

 

 

프로젝트 생성

yarn create react-app dust-react

create-react-app은 프로젝트 작업 환경을 구축해 주는 도구 / 나중에 설정을 변경할 수 있음

create-react-app <프로젝트 이름>

 

프로젝트 생성 완료 메세지

 

 

실행

cd dust-react

만든 프로젝트로 이동 후 실행해준다

yarn start

npm 일 경우 npm start

실행이 되면 자동으로 페이지가 띄워지는 것을 볼 수 있음!

끝