React STEP 1 - 환경 구성 및 실행

⭐ Reac JS 란

• 사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리
• SPA를 쉽고 빠르게 만들 수 있도록 해주는 도구
• 특징
  -> 빠른 업데이트와 렌더링
  -> Component로 이루어짐

⭐ React 환경 구성

1. Node.js 설치

• https://nodejs.org/

Node.js — 어디서든 JavaScript를 실행하세요

• Node.js 다운로드(LTS) 설치

• Node.js Setup 설치 진행 -> 따로 설정 할 것 없이 [Next]를 계속 누르고 [Install]

• cmd창 -> 설치 확인

2. VS Code 설치

• https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

• Download for Windows 설치

3. 프로젝트 생성

• VSCode 하단 터미널 창에 npm create-react-app 프로젝트명 입력
• Proceed? -> y입력

4. 프로젝트 실행

• 터미널에 cd [프로젝트명] 경로로 이동
• npm start를 입력하여 프로젝트를 실행
• 프로젝트 종료 시에는 Ctrl + C