[JavaScript] ES6의 화살표 함수 함수를 표현하는 새로운 방식으로 함수를 파라미터로 전달 할 때 유용하다값을 연산하여 바로 반환해야 할 때 사용하면 가독성을 높일 수 있다.class ABC { constructor() { let add1= function (first, second) { return first + second; }.bind(this) //bind를 해줬다 let add2 = (first,second) => first+second; //arrow는 편하게 쓰면 된다. }}ex)this.handleClickIncrement = this.handleClickIncrement.bind(this);setTimeout(function() {.. [JavaScript] JSON XML데이터 값 양쪽으로 태그가 있다. (HTML을 근본으로 했기에 태그 라는 것이 없을 수가 없는데, 그 태그를 줄인다 해도 최소한 표현하려면 양쪽에 몇 글자가 존재 해야 한다.JSONJSON은 JavaScript Object Notation [자바 스크립트 객체 표기법] 의 약자입니다.데이터를 쉽게 ' 교 환 ' 하고 ' 저 장 ' 하기 위한 텍스트 기반의 데이터 교환 표준 입니다.JSON은 텍스트 기반이기 때문에 다양한 프로그래밍 언어에서 데이터를 읽고 사용 💡 “key” : “value”{ "employees": [ { "name": "Surim", // name-value형식의 쌍 {String key : String Value} "lastName": "Son" .. [JavaScript] DOMContentLoaded 돔트리 분석이 끝나면 발생한다. (문서가 로드되는 시점에서 발생하는 이벤트)즉 돔트리가 다 만들어진 후에 돔에 접근이 가능하기 때문에 돔이 생성되기 전 돔을 조작하는 자바스크립트 코드가 실행되어 원하지 않는 결과를 내는 것을 막을 수 있다.document.addEventListener("DOMContentLoaded", function () { //실행할 코드}); [JavaScript] 이벤트 객체 `e`, ClassList 클릭 이벤트에 대한 정보를 담고 있음 e.currentTarget이벤트가 바인딩된 요소를 가리킵니다. 여기서는 btn 요소입니다.e.target이벤트가 실제로 발생한 요소를 가리킵니다. 이벤트가 버블링될 때 다를 수 있습니다.e.type이벤트의 유형을 나타냅니다. 여기서는 "click"입니다.e.preventDefault기본 동작을 막을 수 있는 메소드입니다. 예를 들어, 링크 클릭 시 페이지 이동을 막을 수 있습니다.e.stopPropagation이벤트 버블링을 막을 수 있는 메소드입니다. 부모 요소로 이벤트가 전파되는 것을 막습니다.ClassList : HTML요소의 클래스 속성을 조작하는 데 사용되는 유용한 JS API이다, 이 API는 클래스의 추가, 제거, 토글, 확인 등의 작업을 수행한다.📌.. 이전 1 다음
