Front

화살표 함수 1. 함수를 정의할때 function 이란 키워드를 사용하지 않고 => 로 대체 2. 흔히 사용하는 콜백 함수의 문법을 간결화 // ES5 함수 정의 방식 var sum = function(a, b){ return a + b; }; // ES6 var sum = (a, b) => { return a + b; } sum(10, 20); // ES5 var arr = ['a', 'b', 'c']; arr.forEach(function(value){ console.log(value); // a, b, c }); // ES6 var arr = ['a', 'b', 'c']; arr.forEach(value => console.log(value)); // a, b, c Modules - 자바스크립트 모..

https://kr.vuejs.org/v2/guide/transitions.html 진입/진출 그리고 리스트 트랜지션 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org vue 는 애니메이션, 트렌지션이 프레임워크 자체에서 지원된다. {{ todoItem.item }}

https://kr.vuejs.org/v2/examples/modal.html 모달 컴포넌트 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org slot은 부모 컴포넌트에서 자식 컴포넌트의 엘리먼트를 지정할때 사용한다. 부모에 따라서 자식의 컴포넌트에 영향을 받을 테니, 컴포넌트 재사용성면에서 좋은 장점을 가진다. 또한 범위 있는 slot을 통해 컴포넌트 내에서도 잘게 쪼개서 재사용이 가능하다. default header default body 할 일 입력 안하고 add 버튼 눌렀을시 경고창 구현 경고! 할 일을 입력하세요