JavaScript로 프레임워크 만들기 0

글을 쓰게 된 이유

현대의 웹 개발 환경에서는 다양한 프레임워크와 라이브러리가 존재합니다.

React, Vue, Angular와 같은 프론트엔드 도구들은 프로젝트 구축에 필수적인 역할을 합니다.

현재는 React를 주로 사용하고 있지만, 기술의 변화와 프로젝트의 요구 사항에 따라 언젠가는 다른 프레임워크로 전환할 필요가 생길 수 있습니다.

이러한 상황을 대비하기 위해, 저는 프레임워크를 직접 만들어보기로 결정했습니다.

이 과정을 통해 다른 프레임워크의 핵심 원리를 깊이 이해하고, 필요할 때 새로운 프레임워크를 더 빠르고 효율적으로 배우고 적용할 수 있을 것이라고 생각했습니다.

프론트엔드의 다양한 프레임워크들이 있지만, 대부분은 JavaScript를 기반으로 합니다.

이러한 공통점을 활용하여, 프레임워크의 핵심 개념과 작동 원리를 자바스크립트라는 공통 언어로 탐구하고자 합니다.

 

계획과 로드맵

이 글은 다음과 같은 주제로 구성될 예정입니다:

• 렌더링의 이해
• React의 렌더링 방법 분석
• 자바스크립트로 렌더링 조건 구현

 

마치며

앞으로 다룰 내용은 렌더링의 기본 원리부터 시작하여, React와 같은 현대 프레임워크에서 사용하는 렌더링 방법을 분석하고, 마지막으로 이러한 기술들을 직접 구현 할 예정입니다.

이 글을 통해 프론트엔드 도구의 렌더링의 이해를 해봅시다.