🧐 1. 프론트앤드 라이브러리와 프레임워크의 등장 배경
동적인 페이지는 유저의 행동 흐름에 따라 웹페이지의 구성을 달리해주어야 하는 페이지를 말합니다.
이러한 동적인 페이지가 주를 이루는 요즘, 유저 인터랙션을 처리하기 위한 상태 변화가 상당히 많아졌습니다. 이를 자연스러운 유저 인터페이스로 만들어주기 위해서 프론트앤드 '라이브러리, 프레임워크'가 등장하게 된 것입니다.
즉, 프론트앤드 라이브러리가 등장하게 된 이유는 동적인 웹 페이지를 보다 효율적으로 유지 보수하고 관리할 수 있도록 하기 위함입니다.
🙋 2. 그래서, 프론트앤드 라이브러리 / 프레임워크는 무엇을 도와주는데?
웹 애플리케이션이라 불릴 만큼, 프로젝트 규모가 커지고, 다양한 유저 인터랙션이 전달된다면 그만큼 DOM 요소들 또한 변화가 이루어져야 한다는 것과 같습니다.
DOM 요소들이 변화한다는 것은 랜더 트리 재생성, 요소의 스타일 계산, 레이아웃 구성, 패인팅 하는 과정을 거쳐야 한다는 것과 같습니다.
이러한 과정이 반복되면 될수록 브라우저가 많은 연산을 해야 한다는 것이고, 이는 전체적인 프로세스의 비효율성을 야기합니다.
해서, 개발자가 오직 기능 개발, UI 개발에 보다 더 집중할 수 있도록 하기위해 DOM 관리와 상태 변화 관리를 최소화 해주는 프론트앤드 프레임워크가 탄생하게 되었다.
🖱 출처
jlog