React - 생활코딩 (1) 환경설정 + 간단 실행 명령어

■ 해당 목차

> 1 ~ 5강

 

 

■ React 쓰는 이유

- 가독성 증가 ( user-tag : component 라고 불림 )

- 유지보수의 편의성

- 재사용성

 

 

■ 강의 방식

코딩 → 실행 → 배포

 

 

■ React 메인 사이트

ko.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

 

■ 이 강의 환경설정

node.js, npm, react 를 사용

> 환경은 window

 

1) 설치 과정

D:\...\first>npm install -g create-react-app  // react 자체를 설치

create-react-app -V // 설치된 버전 확인 가능

2) 환경 가져오기

> 원하는 dir로 cd로 들어간다음 다음과 같이 react 환경 설정

create-react-app .  // dot은 현재 dir의미(상대경로)

 

 

■ React app 구동 방법

// 다음의 두가지 방식중 하나를 사용

D:\TOP_CODE\MAIN_LEARNING\Learning_react\Life_coding\first>npm start
D:\TOP_CODE\MAIN_LEARNING\Learning_react\Life_coding\first>npm run start

---

참조 :

www.youtube.com/playlist?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi

React