[React] 리액트란?

1. 리액트?

리액트는 facebook에서 제공해주는 웹과 앱의 View를 개발할 수 있는 프런트엔드 라이브러리이다. 

 

여기서 React가 프레임워크인지 라이브러리인지 많은 논란이 있다. 

프레임워크란 원하는 기능 구현에 집중하여 개발할 수 있도록 필요한 기능을 갖추고 있는 것이다. 

라이브러리는 활용 가능한 도구들의 집합이다. 

 

이 둘의 차이점은 제어 흐름에 대한 주도성이 누구에게 그리고 어디에 있는가에 있다. 

 

프레임워크는 자신이란 틀에 맞게 사용자가 필요한 기능을 입력하는 것이고, 

라이브러리는 개발자가 필요한 기능을 원할 때 입력한다. 

 

리액트는 필요로 할때 useEffect() 같은 함수를 사용해서 특정한 동작을 할 수 있게 해 주기 때문에 라이브러리라고 한다.

2. 특징

• Virtual DOM을 사용한다.
  • DOM ? Document Object Model의 약자 → 객체로 문서 구조(head, body)를 표현
  • 웹 브라우저에서 DOM의 변화가 일어나면 웹이 다시 CSS를 다시 연산하고, 레이아웃을 구성하고, 페이지를 리 페인트 하는데 시간을 허비한다.
  • Virtual DOM을 사용하면 실제 DOM에 접근하여 조작하는 대신, 추상화한 자바스크립트 객체를 구성하여 사용한다.
• 진행 단계 
  1. 데이터를 업데이트하면 전체 UI를 Virtual DOM에 리렌더링 한다.
  2. 이전 Virtual DOM에 있던 내용과 현재 내용을 비교한다.
  3. 바뀐 부분만 실제 DOM에 적용한다.