- MVC에서 View만 관리하는 라이브러리
- 컴포넌트의 조합으로 View를 구성
- 컴포넌트란 ? 재사용 가능한 독립적인 객체!
- HTML, Style, JavaScript, Event, State로 구성
- 가상돔을 이용하는 것 ⇒ 바닐라에 비해 성능이 항상 좋은 것은 아니지만, 일정 수준으로 최적화가 되어 신경쓰지 않아도 됨. 또한 개발이 편해짐
npx create-react-app 프로젝트이름으로 프로젝트 생성
- JSX
- 요소의 클래스 속성은 className으로 대체됨 ⇒ class가 js 예약어이기 때문
- 최상위 요소는 하나여야 한다
- 내부에서 표현식은 {} 안에
- if, for 사용이 어렵기 때문에 &&, filter, map 등을 사용
- 처음부터 잘 만들려고 하지 말고 일단 만들고 리팩토링을 자주하자!