현재까지 이어진 상황으로서,하나의 컴포넌트가 state 를 가질 수 있게 만들어 두었다.하지만, 상위 컴포넌트의 state 가 하위 컴포넌트의 props 가 될 수 있다.이 때, state, setState() 의 메서드는 EventTarget 으로부터 파생하였다.Working File : useState.jsclass CustomEventTarget extends EventTarget { constructor(secretValue) { super(); this._secret = secretValue; } setSecret = (newSecret) => { this._secret = newSecret; } getSecret = () => {..
HTML Component Deep Dive/커스텀 컴포넌트 도전 과정
제목 : 커스텀 리액트 제작기 시작제목 : Web Component우리는 현재 React, Vue, Svelte 와 같은 웹 서버 프레임워크를 사용하고 있다.이는 현재 라이브러리로서 활약중이지만, 사실상 프레임워크라고 봐도 될 정도로 방대하다.이러한 웹 서버 프레임워크들은, 브라우저 엔진에서 제공하는 저 수준의 변수와 메서드, 프로세스를자체적으로 가공하여 편리하게 만들었으며, 유저 풀을 만들었다.이러한 웹 서버 프레임워크의 진화 과정 속에서 나 또한 리액트를 공부했었다.하지만 드는 생각은, 너무 편리하기에 내부에서 진행되는 과정을 모르겠다는 것이었다.리액트는 어떠한 이유로 클래스에서 함수 형태의 컴포넌트로 진화하였는지,왜 개발자들이 리액트를 선택하였는지 이에 대해 의구심을 가졌다.그리고 프로그래머스 부트..
