react 알아보기(1) - 설치

React?

: 복잡한 코드는 숨기고 "사용자 정의 태그" 만들기 >> "부품화"

 

 

class 방식 vs function(함수) 방식

 

온라인 플레이그라운드 : 개발환경을 세팅할 필요 없이 온라인에서 개발

ex) stackblitz

 

 

로컬에 개발환경 세팅해보자!

1. react 홈페이지 접속

https://ko.legacy.reactjs.org/docs/create-a-new-react-app.html#create-react-app

새로운 React 앱 만들기 – React

 

 

 

2. create react app

https://create-react-app.dev/

Create React App

 

 

 

3. nodejs

(react 사용을 위해서는 nodejs 를 설치해야 됨)

https://nodejs.org/ko

Node.js

둘중 아무거나 설치해도 상관없음

 

 

 

4. 터미널 열고 npx create-react-app . (명령어 입력)

(마지막 .의 의미는 현재 디렉토리에 세팅하겠다는 뜻)

 

 

 

5. npm start (명령어 입력)

http://localhost:3000/

3000번 포트를 이용한 샘플 애플리케이션 뜨면 세팅 끝!