[1# Start] React란?

목차 :

1. React 란?

2. 선언형 프로그래밍 (vs 명령형 프로그래밍)

2. React Virtual DOM 

---

 

1. React 란?

" Component 기반 UI 라이브러리 " 

React는 UI의 구성들을 하나하나 컴포넌트화 시켜서 별도로 분리할 수 있게 도와주는 역할을 하며,
이는 동일한 코드에 대한 반복성을 줄일 수 잇다.

 

2. 선언형 프로그래밍 (React)

: 목적을 바로 실행하려는 프로그래밍/
vs 명령형 프로그래밍 (jQuery) :

: 절차를 하나하나 (어떤 id의 컴포넌트에서 어떤 속성을....) 나열하는 프로그래밍/

 

3. Virtual DOM

*DOM : Document Object Model 로  HTML의 구조를 Tree로 나열한 것이라 생각하면 된다.

기존 방식으로는 HTML 의 값을 업데이트할 때마다 HTML을 해석해서 DOM을 구성하고 CSS를 적용하며 작업을 매번 수행하게된다. 만약에 For문으로 5번 append를 하게되면 5번 업데이트 과정을 수행하는 것이다.
이것은 매우 비효율적이고 많은 연산을 요구한다.
이걸 해결하고자 React에서는 Virtual DOM을 지원하며

이는 5번 업데이트 과정을 1번 업데이트로 5개의 요소를 한번에 바꾸는 것이다.