React란?

• Facebook에서 만든
• JavaScript library for building UI.
• single-page application(SPA)을 build하는데 사용된다.
  • 전통적인 페이지: 페이지의 변경이 필요한 경우 서버로 부터 다시 HTML을 받는다. (reload)
  • SPA: 변경된 부분만 다시 그린다.
• 재사용가능한 UI components들을 만들 수 있다. (= 레고 블록 조립)
• virtual dom을 생성한다.
• JSX (JavaScript에서 HTML을 작성하듯이 할 수 있는 JavaScript 확장 문법)

React 환경 준비하기

1. my-react-app directory가 생기며, 모든 set up이 완료된다.
npx create-react-app my-react-app(application 이름)

2. 해당 directory로 이동한다.
cd my-react-app

3. execute한다.
npm start

4. 종료한다.
ctrl + c

React 주요 개념

• JSX & components
• Props
• State
• Hooks