특징

Finn·2021년 1월 29일
1

React

목록 보기
2/11

1. Virtual DOM

DOM 이란?

  • 문서 구조를 객체로 표현하는 방법
  • 트리 형태의 구조를 가지고 있음
  • 동적 UI에 최적화되어 있지 않음.
  • HTML 자체는 정적이나 자바스크립트를 통해 동적으로 만들 수 있음.

Virtual DOM은 실제 DOM의 가벼운 사본과 비슷합니다.

리액트에서 데이터가 변해서 DOM을 업데이트할 때는 아래와 같은 절차를 진행합니다.

  1. 데이터를 업데이트 하면 전체 UI를 Virtual DOM에 리렌더링
  2. 이전 Virtual DOM에 있던 내용과 현재 내용을 비교
  3. 변경된 부분만 실제 DOM에 적용

2. 기타 특징

앞선 문서에서와 같이 리액트는 View만 담당합니다.
프레임워크가 아닌 라이브러리이기 때문에 필요한 기타 기능들은 직접 구현해야 합니다.

다른 개발자들이 만든 라이브러리들(axios, Fetch, 리덕스, MobX 등)을 가져와 사용할 수도 있습니다.

리액트를 다루는 기술(개정판)을 정독하면서 서술한 내용입니다.

profile
🙃

0개의 댓글