티스토리 뷰

FRONT-END/REACT

[REACT] BASIC THINGS

진심스테이크 2018. 10. 15. 10:39

 

React : 사용자 인터페이스를 개발하기 위한 자바스크립트 라이브러리

- 컴포넌트 기반

#컴포넌트 : 데이터를 넣으면 우리가 지정한 유저 인터페이스를 조립해서 보여줌

- DOM 관리와 상태값 업데이트 관리를 최소한으로 하고, 오직 기능 개발과 사용자 인터페이스 개발에 집중할 수 있도록 도와줌

 

 


 

 

1. node.js 설치

 

2. CRA(Create React App) 설치

 

1
npm install -g create-react-app
cs

 

 

 

3. 파일 경로 설정 후, App 생성

 

1
create-react-app 앱 이름
cs

 

 

 

4. 서버 돌리기 

 

1
npm start
cs

 

 

 

 

위의 사진처럼 http://localhost:3000/ 이 뜨면 성공!

 

 

 

'FRONT-END > REACT' 카테고리의 다른 글

[REACT] STATE  (0) 2019.01.03
[REACT] PROPS  (0) 2019.01.03
[REACT] JSX  (0) 2019.01.02
[REACT] REDUX  (0) 2018.10.22
[REACT] 기본 설정 및 설치  (0) 2018.10.19
댓글