당신에게 꽃을

개요: JS의 Proxy getter/setter를 사용하여 Object의 값이 변경 될 때마다 특정 기능을 수행하도록 하여 디버깅을 원활하게 합니다. 1) 다음 코드를 편한 곳에 삽입합니다. 꼭 static이 아니여도 상관 없으며, 저는 편의상 Utils 클래스에 넣어두었습니다. class Utils { static proxyWatcher(v, callback) { return new Proxy(v, { set: (obj, prop, value) => { obj[prop] = value; callback(obj); return true; }, get: (obj, prop) => { // 값 변화 감지만을 목적으로 한다면 getter 설정이 꼭 필요하진 않습니다. return prop in obj ? o..