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

ECMASCRIPT 란 자바스크립트 언어의 표준 규격을 뜻한다. ES6는 자바스크립트 표준 규격 버전6 라는 의미를 가진다고 생각하면 된다. ES6 이전에는 변수를 선언할 수 있는 키워드가 var 였으나, let, const 가 추가되어 이를 사용하여 변수를 선언할 수 있다. 간단한 특징 var - 변수 재선언 가능하기 때문에, 필요할 때마다 변수를 편리하게 사용할 수 있다는 장점이 있지만, 코드량이 많은 경우, 같은 이름의 변수명을 남용하게 된다면, 파악하기도 힘들고, 문제가 생길 수 있다. let - 변수 재선언 불가능 - 변수 재할당 가능 let name = '변수 선언'; console.log(name); name = '변수 재할당'; console.log(name); let name = '변수 ..

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() 모두 수행한 것과..