[React] React 기초 개념 정리 - 3 (DOM, 라이브러리)

프론트엔드 프레임워크/라이브러리

• 동적 인터페이스 구현을 위해서는 수 많은 상태를 관리해야 함(DOM)
• 웹 개발시 DOM, 상태값 관리를 최소화하고 기능구현에만 집중하게 함

프레임워크 : 개발구조나 설계 시 제공되는 인터페이스의 집합 라이브러리 : 특정 기능에 대해 API(도구/함수)를 모은 것

주요 라이브러리 프레임워크

• Angular : 다양한 기능이 이미 내장(ttp, router 등)된 프레임워크, 많은 기업 프로젝트에서 사용하여 유지보수 업무, TS 사용이 기본
• React : 컴포넌트 개념에 집중 된 라이브러리, 사용자가 보는 뷰에만 신경쓰고 나머지는 서드파티 라이브러리 활용
• Vue : 입문자가 사용하기 쉬움, html을 템블릿처럼 활용할 수 있어 디자이너 협업 작업흐름이 매끄러움

Virtual DOM

• DOM : 문서의 구성요소들을 객체로 구조화하여 나타낸 것
• Virtual DOM : DOM 제어 시 발생하는 렌더링을 효율적으로 할 수 있게 가상의 DOM을 메모리에 만듬 -> 기존 DOM과 비교하여 바뀐 부분만 교체

리액트의 장점

• 어마어마한 생태계
• 사용하는 곳이 많다
• FB에서 개발 및 관리

React 카테고리 내 다른 글 보러가기