[React] 리액트란?

리액트 : 웹 프론트엔드 라이브러리로 자바스크립트 기반으로 동작함

라이브러리 추가하기

리액트의 특징

1. JSX
2. 단방향 데이터 바인딩
3. 가상돔
4. 선언형 프로그래밍
5. 컴포넌트 기반

(1) JSX

자바스크립트와 HTML을 동시에 사용 일종의 템플릿 언어

(2) 단방향 데이터 바인딩

단 하나의 왓쳐가 자바스크립트의 데이터 갱신을 감지하여 사용자의 UI갱신한다. 양방향과는 달리, 왓쳐가 아닌 이벤트를 통해 명시적으로 데이터를 갱신한다. → 명확한 데이터 추적 가능

 

(3) 가상돔

페이지가 업데이트되면 새로운 가상 돔을 만든다. 이전 가상 돔과 새로운 가상 돔을 비교해서 바뀐 부분만을 실제 웹 페이지에 반영한다. →  웹 페이지가 업데이트될 때마다 모든 부분을 다시 그리는 것이 아니라, 변경된 부분만을 업데이트할 수 있다

(4) 선언형 프로그래밍

명령형 → HOW 선언형 → WHAT

(5) 컴포넌트 기반

컴포넌트 = 작고 고립된 코드들  ex ) <Title / > <Button / > 다른 컴포넌트에서도 반복사용 가능 필요한 컴포넌트를 생성하고 조합하여 페이지를 제작