Chapter 2-2. 리액트 환경 구축

1. Node.js 및 npm 설치
   1. node.js를 설치하면 npm은 자동으로 설치가 됩니다.
      1. https://nodejs.org/en
      2. 해당 사이트로 접속해서 다운받아주세요.
      • 터미널 실행 방법
        • 윈도우: “Winodw키 + R”을 누른 후, 나온 실행창에 cmd 입력
        • 맥: 단축키 “cmd + spaceBar”를 누른 후 나온 검색창에 터미널 입력
      • 열린 명령창 혹은 터미널에 npm -v 입력하여 잘 설치되었는지 확인npm이 제대로 다운됐는지 확인해야 합니다. 터미널을 실행해 주세요.
2.  yarn 설치
   1. 터미널에서 sudo npm install -g yarn을 입력해주세요.
   2. 마찬가지로, 제대로 설치됐는지 yarn -v을 사용하여 제대로 설치됐는지 확인해주세요.
   3. react 프로젝트를 설치할 폴더 생성
      • 원하는 경로에 원하는 이름으로 폴더를 만들어주세요.
      • 예시: C:\Workspace\umc-workbook
   4. vscode에서 터미널을 열어주세요
   5. npx create-react-app <파일 이름>
   6. 터미널에 cd ./<파일 이름> 입력
      • 리액트 파일이 우리가 있던 경로 안에 새로운 폴더로 설치되었기 때문에 경로를 이동해줘야 합니다.
   7. 터미널에 yarn start 입력