일상, 핸드메이드 감성 플라워 소품샵

Arrow Function은 ES6 문법으로 항상 익명 함수이다. 기본 구조 (문법) var func1 = function() { console.log('test1'); } => var func2 = () => console.log('test2'); 매개 변수 없는 경우, var func = () => console.log('test'); func(); // test 매개 변수 하나인 경우, var func1 = x => x; var func2 = (x) => x; func1('test'); // test func2('test'); // test 매개 변수 여러개인 경우, var func1 = (x, y) => x + y; var func2 = (x, y) => { return x + y; } func1..

JavaScript new Date() 함수로 현재 날짜와 시간을 구하는 방법 1. 현재 날짜 구하기 let today = new Date(); console.log(today); 2. 현재 날짜 년-월-일 포맷으로 구하기 let today = new Date(); // 년도 getFullYear() let year = today.getFullYear(); // 월 getMonth() (0~11로 1월이 0으로 표현되기 때문에 + 1을 해주어야 원하는 월을 구할 수 있다.) let month = today.getMonth() + 1 // 일 getDate() let date = today.getDate(); // 일 console.log(year + '-' + month + '-' + date); 3. ..

자바스크립트(JavaScript) 이벤트 전파 버블링(Bubbling) 막기 자바스크립트를 이용하여 화면 이벤트를 컨트롤 할 때, 이벤트 전파를 막아야 할 경우들이 있습니다. 웹페이지 내의 버튼을 클릭했을 때 웹페이지 내부에서는 버튼을 감싸고 있는 부모 태그들 또한 클릭 이벤트에 반응하게 됩니다. 이러한 현상을 이벤트 버블링 (Event Bubbling) 이라고 하며, 1. 부모에게 이벤트 전파되는 것을 막는 stopPropagation() 2. 같은 DOM에 걸린 다른 이벤트에 전파되는 것을 막는 stopImmediatePropagation() 3. 현재 이벤트의 기본 동작을 중단하는 preventDefault() 4. stopPropagation() 과 preventDefault() 모두 수행한 것과..