본문 바로가기
풀스택/React

0. React시작 - 설치 및 설정

by woohyun22 2019. 4. 15.

React


장점

1. js만쓴다 

2. view만 있어서 다른데 넣기 쉽다.

   - component(view) - html,css,ajax(js),jquery


----------------------------------------------------------------------------


react 


1. props(data flow) : 

어떻게 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달하는가


2. 생명주기(LIfe Circle)

3. states


4. Ajax on react


----------------------------------------------------------------------------

- webstorm, vscode 설치                                                               https://www.jetbrains.com/webstorm/download/

https://code.visualstudio.com/download


---webstorm에서 바로 안만들 경우


//nodejs도 가능


- vscode에서


왼쪽 메뉴바 맨밑에 extensions

ESLint

Guides

reactjs code snippets

relative path


- powershell에서


PS C:\Users\bit> npm install -g create-react-app


원하는 폴더로 접근 - d: , cd x , cd..   


D:\duzon\VSCodeReactProjects> create-react-app helloworld


후 cd helloworld 들어가서


npmstart - 서버가 뜸

ctrl + c 하면 끄기


code .  치면 -(코드 옆에 한칸띄우고 . 넣어야됨) -> vscode 켜짐




728x90

'풀스택 > React' 카테고리의 다른 글

5-1. JSX 기본 정리  (0) 2019.04.19
4. fetch 비동기형식  (0) 2019.04.17
3. 중간정리 - 리액트 보충설명  (0) 2019.04.17
2. react 리스트 - 배열  (0) 2019.04.16
1. App.js 예제 및 Movie 예제 만들기  (0) 2019.04.15

댓글