[React] Intro

리액트는 크게 세가지 개념이 중요하다.

1. Reactive

2. Virtual DOM

3. Component

 

Reactive는 특정 값에 의존해 자동으로 반응하는 것을 의미한다.

Vanila js로 검색 서비스를 만들면서 값을 변경하게 되면(검색 등) 다시 rendering을 하는 과정이 필요했었다.

하지만 리액트는 값을 변경하면 다시 rendering 할 필요가 없도록 설계되었다.

 

react는 DOM API를 호출하면서 성능 저하가 발생하는 문제를 해결하기 위해 Virtual DOM을 제공한다.

Virtual DOM에서 변경된 부분을 확인하고 바뀐 부분만 확인하여 DOM에 제공한다.

이런 특성 때문에 reactive 하다고 할 수 있다.

 

아래는 참고하면 좋은 예시 영상이다.

https://www.youtube.com/watch?v=BYbgopx44vo

 

 

Component는 뒤에 작성.