코딩크리처 2024. 10. 13. 22:05

제목 : 커스텀 리액트 제작기 시작


제목 : Web Component


우리는 현재 React, Vue, Svelte 와 같은 웹 서버 프레임워크를 사용하고 있다.

이는 현재 라이브러리로서 활약중이지만, 사실상 프레임워크라고 봐도 될 정도로 방대하다.


이러한 웹 서버 프레임워크들은, 브라우저 엔진에서 제공하는 저 수준의 변수와 메서드, 프로세스를

자체적으로 가공하여 편리하게 만들었으며, 유저 풀을 만들었다.


이러한 웹 서버 프레임워크의 진화 과정 속에서 나 또한 리액트를 공부했었다.

하지만 드는 생각은, 너무 편리하기에 내부에서 진행되는 과정을 모르겠다는 것이었다.


리액트는 어떠한 이유로 클래스에서 함수 형태의 컴포넌트로 진화하였는지,

왜 개발자들이 리액트를 선택하였는지 이에 대해 의구심을 가졌다.


그리고 프로그래머스 부트캠프에 들어와서 결정하게 된 나의 다음 결정은,

나만의 커스텀 리액트 를 만들어보자는 것이었다.

리액트의 최적화와 편리성을 따라가기 위해서는 가야 할 길이 아득하게 멀지만,

목표는 높기에 도전할 가치는 충분했다.


나는 브라우저에 내장되어 있는 CustomElement 에 관심을 두어 이를 제작하기 시작했다.

현재 브라우저에서 제공하는 커스텀 엘리먼트를 기반으로 컴포넌트 기초를 닦기 시작했으며,

아직 라우팅 제공은 Node.js 의 기본 메서드를 사용 중이다.