리액트는 무엇인가?
- React is used to build UI on the front end.
- React is the view layer of an MVC application.
- React is an open-source project created by Facebook.
왜 리액트를 사용해야 하는가?
프로젝트의 규모가 커지고, 다양한 유저 인터페이스을 제공해야 한다면 직접 관리해야 할 DOM 요소들이 늘어간다는 이야기를 뜻합니다. 귀찮은 DOM 관리와 상태 값 업데이트 관리를 최소화하고 오직 기능 개발과 유저 인터페이스를 구현하는 것에 집중할 수 있도록 하기 위해서 여러 라이브러리들이 만들어졌습니다. 리액트도 여러 라이브러리 중에 하나입니다. 그외에 Angular, Vue도 있습니다.
그렇다면 왜 리액트여야 했을까?
엄청난 생태계와 사용하는 곳이 많습니다. 리액트의 중요한 측면 중 하나는 UI를 빠르고 효과적으로 구축하기 위해 재사용가능한 HTML 요소처럼 커스텀하여 컴포넌트를 만들 수 있다는 것입니다.
무엇보다 페이스북, 넷플릭스, Airbnb 등 유명한 회사들에서 사용되고 있습니다.
어떤 원리로 만들어 졌을까?
특정 이벤트가 일어나는 순간을 포착해 모델에 변화를 주고 변화에 따라 어떤 DOM을 가져와서 어떤 뷰를 업데이트해줄지 로직을 만들어 주는 작업이 JavaScript만을 이용한 통상적인 작업이었습니다.
리액트는 이런 전통을 따르지 않습니다. 모델에 변화가 일어나면 연관된 뷰를 날려버리고 새로 만들어 넣는 작업을 수행합니다. 여기에서 Virtual DOM이 등장합니다. Virtual DOM은 가상의 DOM입니다. 변화가 일어나면 가상 DOM에 먼저 렌더링을 하고 기존의 DOM과 비교하여 변화가 필요한 곳만 업데이트를 수행하는 원리입니다.
참고
안녕하세요.