멍

오늘 질문이 들어왔다. v-bind:class 안에 동적으로 v-for로 각각 할당해주고 싶으시다 셨는데, 제대로 동작하지 않는다고 하셨다. 실제 문제점만 따온 테스트용 코드인데 처음 형태는 아래와 같았다. {{ item.text + (20 + idx) }} v-bind:class="{ active 머시기저시기 부분에서 문제가 발생하고 있는 상황이었다. 일단 문제점은 대략 알겠는데, 부끄럽게도 그 자리에서 확실히 설명할 수가 없었다. 먼저 코드상에서 확인된 이유에서는, 해당 코드가 vue를 거친 후 컴파일 되면 dom 내부 prop들은 vm이라는 virutal machine의 약자를 뜻하는 객체의 속성명으로 접근하게 된다. 즉, 아래와 같은 형태로 컴파일된다. var render = function(){..

오늘 개발하다가 detected component error TypeError : cannot add property 객체이름, object is not extensible 이런... 에러를 만났다. 오... 객체가 수정 불가능한 상태일때 수정을 시도하면 발생하는 에러인데, 내가 하려 했던 일은, vueX store안에 있는 객체를 몇개 건들려고 했는데, 새 페이지만들려니 적용되지 않더라.. 프레임워크가 업데이트 되면서 스토어의 공통 코드들의 데이터를 잠궈버리는 코드를 찾아냈다. Object.freeze() 가 걸려있었는데, 테스팅을 몇가지 해보고자 한다. Object.freeze() Object.seal() Object.preventExtensions() 비슷한놈 세놈중 가장 약한놈부터 Object.p..