cs09g 블로그

1. getter, setter 활용 const myObj = { this.someProperty = someValue; get someProperty() { return this.someProperty } set someProperty(newValue) { this.someProperty = newValue; alert("someProperty is changed!"); } }; 2. defineProperty 활용 defineProperty 메소드는 세 번째 파라미터로 descriptor를 제공하는데, 여기에서도 getter, setter를 설정할 수 있다. const myObj = { someProperty: someValue, }; Object.defineProperty(myObj, "somePr..

웹 개발을 하다보면 브라우저에 디버깅의 대부분은 브라우저에서 이루어 진다. 프론트엔드의 경우 99% 비율로 브라우저에서 디버깅을 하게 된다. 좀 더 손쉬운 디버깅을 위해 라인 넘버를 클릭해 중단점을 걸어 디버깅을 진행하는 방법이 있다. 하지만 반복문의 특정 인덱스에 대한 디버깅이나 비동기로 실행되는 코드가 특정 값을 반환하는 경우에만 디버깅을 하는 것은 위 방식으로는 상당히 번거롭다. 좀 더 나은 방법으로는 코드에 debugger 키워드를 활용하여 원하는 조건과 함께 작성하는 것이다. 다음과 같이 사용해 볼 수 있다. // 1. 반복문 for (let i = 0; i < 100; i++) { if (debuggingCondition) { debugger; } ...someLogicHere... } // ..

기본적으로 Javascript의 원시 타입(Undefined, Null, Boolean, Number, String 등)을 제외한 모든 객체는 mutable하다. 즉 생성된 이후에 언제든 변경될 수 있다. 이런 mutable한 객체를 immutable하게 변경하는 것도 가능하다. 다음의 두 옵션을 활용해볼 수 있다. 1. Object.defineProperty를 통한 설정 let customObj = {}; Object.defineProperty(customObj, "newKey", {value: "newValue"}); 위와 같이 Object.defineProeprty 메소드를 사용하면 newKey의 값은 읽기 전용이되어 수정하는 것이 불가해진다. 이 메소드는 writable 옵션을 포함하고 있는데 기..