코딩 기록

시작하기Vue.js에서 생성한 객체는 $watch라는 메소드를 갖고 있습니다. 이 메소드를 이용해 데이터 변경을 모니터링(감시)할 수 있습니다. 그러나 $watch 메서드는 객체의 추가 및 삭제를 감지합니다만, 객체(오브젝트) 값이 변경된 경우엔 작동하지 않습니다. 😢 다음과 같은 Vue.js 예를 봐주세요. (※ 예제에서는 Vue 인스턴스의 watch 옵션이 설정되어 있지만, 인스턴스화할 때 객체의 각 항목에 대해 $watch 메서드가 호출됩니다) export default { data () { return { someObj: { a: 'obj-a', b: 'obj-b', c: 'obj-c' } } }, watch: { someObj: function (val, oldVal) { console.log(..

1. Mocha 플러그인을 활용한 테스트Vue CLI를 이용해 새로운 프로젝트를 생성할 때 기본 프리셋(Default Preset)을 사용합니다. 하지만 vue.js 기본 프리셋에는 단위 테스트 기능이 포함되어 있지 않습니다. 기본 프리셋이 아닌 수동 설정(Manually select features)을 선택하면 설치 과정 중에서 단위 테스트 관련 기능을 설치하도록 설정할 수 있습니다. 단위 테스트 기능을 확인하기 위한 프로젝트를 vue create test1 명령어로 test1 프로젝트를 생성합니다. 기본 프리셋 대신에 수동설정을 선택하고 vue.js 테스트 솔루션은 Mocha + Chai로 선택하겠습니다. 나머지 설정은 기본값으로 진행합니다. 만약 vue cli 설치 전이라면 아래처럼 터미널에 명령어..