오늘의 포스팅은 배열에 관한 예제입니다. String을 배열로 변경하고싶거나, 배열내 연산이 필요할때 Array.from을 사용해봅니다. 사실 이 외에도 Array.from으로 할 수 있는건 생각보다 많습니다. Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다. Array.from(arrayLike[, mapFn[, thisArg]]) * arrayLike : 배열로 변환하고자 하는 객체 * mapFn (Optional) : map * thisArg (Optional) : map 실행시 this로 사용할 값 String → 배열, 배열 내 연산 (덧셈, 곱셈 등) // Stri..

이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지 (기본) 이벤트 버블링, 이벤트 캡처링, 그리고 이벤트 위임까지 이벤트 전달 방식과 관련된 모든 것을 파헤쳐 봅니다. joshua1988.github.io 이번 포스팅에서는 위의 블로그를 참고하여 이벤트 버블링과 캡처에 대해서 알아보고자 한다. 먼저 이벤트 버블링과 캡처에 대해 알기 전, 이벤트 등록을 위해 아래와 같이 작성하였다. 1) 이벤트 등록방법 : addEventListener HTML Button-Click first-class second-class third-class JS //button이라는 선태자 or 요소를 선택한다. const btn = document.querySelector('button'); //'click' event를 등..