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
실행이 되면 자동으로 페이지가 띄워지는 것을 볼 수 있음!
끝
'개발 > React' 카테고리의 다른 글
[React] 페이지 이동, props 렌더링 (2) | 2022.04.01 |
---|---|
[React] 컴포넌트 (0) | 2022.04.01 |
[React] JSX (0) | 2022.03.31 |
[React] 기초 공부 (1) | 2022.03.29 |