React - create react app 설치 전 공식 문서 분석

React 공식 문서 사이트

https://ko.reactjs.org/docs/getting-started.html

개발 환경 종류

• online playground : 자기컴퓨터 세팅하는 건 까다로운 일, code sandbox 등 에서 리액트를 구현해볼 수 있는 온라인 사이트
• add react to a website
  • 이미 웹사이트를 가지고 있는 데 처음부터 끝까지 리액트로 만드는 것이 아니라 부분적으로 리액트를 추가하고 싶을 때 사용하는 옵션
  • 시작하기는 쉽지만 뒤로 갈수록 개발환경을 직접 구축해야하는 어려움들이 많기 때문에 초급 개발자에겐 사용하기 까다로운 옵션
• create a new react app

Toolchains

• 리액트로 개발할 때 목표가 무엇인가에 따라서 그목표를 달성하기 위한 개발 환경, 도구들을 잘 모아서 한방에 제공해주는 도구들을 뜻함
• https://reactjs.org/docs/create-a-new-react-app.html
• 일반적 장점 
  • Scaling to many files and components.
  • Using third-party libraries from npm.
  • Detecting common mistakes early.
  • Live-editing CSS and JS in development.
  • Optimizing the output for production.
• Recommended Toolchains : 추천하는 toolchains
• create react app
  • https://github.com/facebook/create-react-app : create react app의 소스코드가 담겨져 있는 github이다. README.md 속 quick overview에서 사용하는 방법을 알 수 있다.
  • create react app을 자신의 컴퓨터의 깔기 위해서는 npm or yarn 이라는 프로그램이 필요하다(npm, yarn: node.js로 만들어진 여러 앱들을 명령어 환경에서 손쉽게 설치할 수 있도록 도와주는 도구로 node.js 계의 app store나 google play store 같은 역할을 하는 소프트웨어)
  • npm 혹은 yarn 설치 -> create react app 설치 -> create react app을 사용하여 개발환경 완성