리액트
자바스크립트 라이브러리로 사용자 인터페이스를 만드는 데 사용합니다. 구조가 MVC, MVW 등인 프레임워크와 달리, 오직 View만 신경 쓰는 라이브러리입니다.
컴포넌트
재사용이 가능한 API로 수많은 기능들을 내장하고 있으며, 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식을 정의합니다.
렌더링
사용자의 화면에 뷰를 보여준 것
렌더링 순서
- 렌더링 -> HTML 마크업(<div>...<div>) -주입-> DOM -> View
특징
Virtual DOM을 사용
Virtual DOM이란 ?
- 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성합니다.
- 웹 브라우저는 DOM을 활용하여 객체에 자바스크립트와 CSS를 적용합니다.
- DOM은 트리 형태라서 특정 노드를 찾거나 수정하거나 제거하거나 원하는 곳에 삽입할 수 있습니다.
※ 리액트는 프레임워크가 아니라 뷰만 신경 쓰는 라이브러리입니다.