WeakMap 썸네일형 리스트형 순수 자바스크립트로 리액티브한 변수 만들기 리액트(React)의 useState나 솔리드(Solid)의 createSignal처럼 순수 자바스크립트에서 리액티브한 변수를 만들려면 어떤 방법이 있을까? 내부적으로 활용할 수 있는 주요 기술과 직접 구현해보는 방법을 정리해보았다.1. Proxy를 활용한 반응형 변수Proxy 객체를 활용하면 속성 접근과 변경을 감지하여 반응형 변수를 만들 수 있다.function createReactive(initialValue) { let listeners = new Set(); const state = new Proxy({ value: initialValue }, { get(target, prop) { if (prop === 'subscribe') { return (callback) .. 더보기 이전 1 다음
