웹 개발이 복잡해짐에 따라 html, css, js 만으로는 한계가 생겼으며, 초기에는 web 개발을 위한 프론트앤드 라이브로리로 DOM조작을 쉽게 해주는 JQuery 라이브러리가 주로 사용하였습니다.
DOM(Document Object Model)이란?
DOM은 문서 객체 모델의 약어로, 웹페이지 문서를 트리 구조의 노드로 표현합니다. Javascript를 사용하여 이러한 노드를 조작할 수 있습니다. DOM은 웹 페이지의 요소에 동적으로 접근하고 수정하는 데 사용되며, WebApp의 동적인 기능을 구현하는 데 중요한 역할을 합니다.
그러나, 이후 DOM을 직접 조작하는 방식에 한계를 느껴 대규모 프로젝트에 효율적으로 코드를 관리하고, Component 기반 UI 개발을 지원하는 프론트앤드 프레임워크(라이브러리)가 등장했습니다. 그중 Angular, React, Vue를 프론트엔드 개발을 대표하는 도구 3가지라 부릅니다.
⇒ 그래서 나온 라이브러리 : Angular(구글), Vue(중국), React(페이스북)
출처: npmtrend - React Angular, Vue 다운로드 수치
React는 초기에는 페이스북 내부에서 사용하다가 2013년 오픈소스로 공개하였습니다. 이후 에어비엔비 등에서 사용하며, 현재는 다른 모든 프론트엔드 개발 프레임워크의 인기를 압도하고 있습니다.
웹 프론트 변찬사 기술의 히스토리를 빠르게 알 수 있어서 아주 좋습니다!