개발일지

이벤트 핸들러Element.addEventListner('click', function (event) {console.log(event);})이벤트 핸들러란 이벤트가 발생했을 때 실행되는 함수매개변수로 event 객체를 받을 수 있음event.target: 이벤트가 발생한 element 이벤트 위임event.target : 이벤트 발생한 요소event.currentTarget: 이벤트 핸들러가 등록되어 있는 요소 제목 내용 Rating: 평점  부모 요소인 ul 태그 이벤트핸들러가 등록되어 있으면 자식 요소인 li, img, h3, p 태그 중 어떤 것을 클릭해도 부모 요소의 이벤트 핸들러가 실행된다.이벤트 위임을 잘 다루려면 event.target, event.curre..

원본 배열을 수정하는 메서드push()pop()shift()unshift()splice() 새 배열을 반환하는 메서드map()filter()slice()concat() 결괏값을 반환하는 메서드reduce()find()some()every()includes()indexOf()lastIndexOf()forEach() 반복문 원본 배열을 수정하는 메서드 push()배열의 끝에 하나 이상의 요소를 추가하고, 새로운 길이를 반환push()const fruits = ['apple', 'banana'];fruits.push('orange'); // fruits : ['apple', 'banana', 'orange']pop()배열의 마지막 요소를 제거하고 그 요소를 반환pop()const fruits = ['apple..

콜백함수 다른 함수의 매개변수로 전달되어, 특정 이벤트나 상황이 발생했을 때 호출되는 함수 (고차함수의 한 종류)고차함수 : 함수를 인자로 받거나 return 하는 함수 변수에 할당된 함수, 값처럼 취급되어 나중에 필요한 경우 사용할 수 있다let sayHello = function () { console.log("Hello");};  함수를 인자로 다른 함수에 전달function callFunction(func) { func(); // 다른 함수를 매개변수로 받아 내부에서 호출 할 수 있다.};callFunction(sayHello);  함수의 반환createAdder 함수의 return값으로 익명함수 넣고  x + createAdder의 매개변수가 return 된다addFive 변수에 익명함수를..