초코레

여러 컴포넌트 간에 공통으로 사용하고 있는 로직, 기능들을 재사용하는 방법 Mixins

특정 컴포넌트의 일부 UI를 재사용할 수 있는 기능 slot

해당 대상의 타입을 조회하는 API typeof MDN 문서 1 2 3 4 5 6 7 8 9 10 11 console.log(typeof 42); // expected output: "number" console.log(typeof 'blubber'); // expected output: "string" console.log(typeof true); // expected output: "boolean" console.log(typeof undeclaredVariable); // expected output: "undefined" cs

자바스크립트 객체를 그냥 넘길 때 [Object Object]로 표시되서 어떤 값인지 확인할 수 없다. JSON.stringify()를 사용하면 자바스크립트 객체를 문자열로 변환해줘서 어떤 값이 있고 그 변화를 추적하기 쉽다. 반대로 문자열을 자바스크립트 객체로 변환할 때는 JSON.parse()를 사용한다.

폼의 기본적인 동작을 막기 위한 modifier로써 흔히 사용하는 event.preventDefault()와 같은 효과를 가진다. event.preventDefault() : 일반 자바스크립트에서 form의 기본 동작 이벤트(새로고침)를 하지 않도록 제어하는 이벤트. Vue에서는 대신에 v-on:submit.prevent 를 사용한다.

이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지

뷰 필터

관리자 권한으로 명령어 실행할 때 sudo를 붙인다 npm을 global로 설치 시 경로

callback 자바스크립트 비동기 처리와 콜백 함수 promise 자바스크립트 Promise 쉽게 이해하기 promise + generator async & await 자바스크립트 async와 await

객체 안에서 사용하는 this는 객체 자신을 가리킨다. 객체의 속성 안에서 다른 속성을 가리킬 때 사용한다. Vue의 함수 안에서 this는 해당 Vue의 data 속성을 가리킨다. console.log()로 Vue 인스턴스를 찍어보면 data 속성 안의 값이 바깥 레벨로 나와있는 걸 확인할 수 있다. The JavaScript this Keyword Understanding the “this” Keyword in JavaScript