리액트 시작하기 전에 작업환경 준비
- Node.js 설치
Windows : Node.js 공식 홈페이지에서 LTS 버전 설치해주세요.
macOS/Linux : nvm 이라는 도구를 사용하여 Node.js를 설치하시는 것을 권장드립니다. (나중에 업데이트 하기가 쉽습니다.)
Node.js 공식 홈페이지 https://nodejs.org/ko/
- Yarn 설치
Yarn은 npm과 똑같이 패키지 매니저 도구이지만 npm보다 성능이 좋습니다.
https://yarnpkg.com/en/docs/install#windows-stable
- VSCode 설치
VSCode 공식 홈페이지 https://code.visualstudio.com/download
1. node와 yarn이 설치 되었는지 git bash로 확인을 해줍니다. (MacOS 사용자는 터미널을 사용하세요.)
$ node --version
$ yarn --version
2. react라는 폴더를 만들어줍니다.
$ mkdir react
$ cd react
3. 리엑트 프로젝트 만들기
npx create-react-app begin-react
create-react-app 설치를 해주고
begin-react로 들어가서 yarn start를 했는데 저는 자꾸 에러가 나더라구요.
*
error Command "start" not found.
계속 에러가나서 구글링 해보면서 이것저것 해보다가
$ npm install -g create-react-app으로 설치를 하고
$ create-react-app tutorial
tutorial로 다시 만들어준 뒤에
$ cd tutorial 이동했습니다.
그리고 yarn start를 하니 드디어 되더군요 ㅠㅠ
그럼 새 브라우저 창이 뜨면서 react app 화면이 뜹니다.
4. VSCode에서 tutorial 폴더를 열어줍니다.