React란 무엇인가?

1. 자동으로 업데이트 되는 UI

2. UI 구성은 render(state)를 통하여 구성된다.

3. render 함수는 순수 함수로 작성
   ※ 순수함수란? => 입력값이같으면 출력값이 같은 함수

• 랜덤 함수 사용 X
• 외부 상태 변경 X

4. state는 불변 변수로 관리

5. 가상 돔(virtual Dom)

• 가상돔은 이전 UI 상태를 메모리에 저장해서 실제 변경된 부분만 실제 DOM에 적용 시켜줄 수 있다.

package.json 파일 생성

npm init -y

babel이란?

1. 자바스크립트 코드를 변환해주는 컴파일러
2. 자바스크립트의 최신 문법을 사용하도록 자동 변환 해준다.
3. 코드에서 주석을 제거하거나 코드를 압축해주는 기능 제공
4. 리액트에서는 JSX문법을 바벨을 통하여 자동 변환 해준다.

@babel/core은 바벨의 핵심 기능을 가지고 있는 패키지 @babel/cli은 cli를 사용할 바이너리를 가지고 있는 패키지 @babel/preset-react는 리액트를 위한 플러그인을 모아둔 패키지, 여러개의 플러그인을 모아둔것이 프리셋