-
자동으로 업데이트 되는 UI
-
UI 구성은 render(state)를 통하여 구성된다.
-
render 함수는 순수 함수로 작성
※ 순수함수란? => 입력값이같으면 출력값이 같은 함수
- 랜덤 함수 사용 X
- 외부 상태 변경 X
-
state는 불변 변수로 관리
-
가상 돔(virtual Dom)
- 가상돔은 이전 UI 상태를 메모리에 저장해서 실제 변경된 부분만 실제 DOM에 적용 시켜줄 수 있다.
npm init -y
- 자바스크립트 코드를 변환해주는 컴파일러
- 자바스크립트의 최신 문법을 사용하도록 자동 변환 해준다.
- 코드에서 주석을 제거하거나 코드를 압축해주는 기능 제공
- 리액트에서는 JSX문법을 바벨을 통하여 자동 변환 해준다.
@babel/core은 바벨의 핵심 기능을 가지고 있는 패키지 @babel/cli은 cli를 사용할 바이너리를 가지고 있는 패키지 @babel/preset-react는 리액트를 위한 플러그인을 모아둔 패키지, 여러개의 플러그인을 모아둔것이 프리셋