개요. React 설치를 위한 환경 셋업
1. 네트워크 애플리케이션 개발을 위한 Node.js 설치
2. 패키지 관리 모듈인 Yarn 설치
3. 코드 편집기인 Code Editor 설치
4. React PKG 설치
1. Install - Node.js
- Download : nodejs.org/en/
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
+ LTS(Long Term Support)로 다운로드
- Node.js란?
+ 확장성 있는 네트워크 애플리케이션(특히 Server side) 개발에 사용되는 소프트웨어 플랫폼
+ 작성 언어로 자바 스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가짐
from 위키백과
2. Install - Yarn
- Download : https://classic.yarnpkg.com/en/docs/install#windows-stable
Yarn
Fast, reliable, and secure dependency management.
classic.yarnpkg.com
+ Yarn은 Facebook에서 개발한 자바스크립트의 새로운 패키지 매니저
+ npm의 개선된 버전이 Yarn으로 보아도 됨.
- npm (Node Packaged Manager)는 Node.js에서 사용하는 패키지 관리 툴
3. Install - Visual Studio Code Editor
- Download : code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
- 코드 수정을 위한 코드 에디터 설치
4. Install React
- create-react-app를 이용하여 설치
- 시작 - 실행 - Windows power shell
입력 : yarn global add create-react-app
