JavaScript 4

이벤트 버블링과 캡처링에 대한 정리

1. 이벤트 버블링(Event Bubbling) 이벤트 버블링이란 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상을 말한다. 2. 이벤트 캡처링(Event Capturing) 캡처링은 버블링과는 반대로 최상위 태그에서 해당 태그를 찾아 내려간다.

JavaScript 2023.03.15

[Javascript] 테이블 합계 계산하기

결과 HTML 날짜 신용카드 계좌 이체 취소 금액 합계 건수 금액 건수 금액 건수 금액 2023-03-10 1건 197,000원 3건 400,000원 200,000원 4건 200,000원 2023-03-11 4건 0원 3건 100,000원 500,000원 2건 200,0000원 2023-03-12 0건 100,000원 5건 300,000원 100,000원 4건 200,000원 2023-03-13 1건 170,000원 2건 200,000원 500,000원 5건 200,000원 2023-03-14 0건 170,000원 2건 400,000원 200,000원 0건 200,000원 2023-03-14 0건 170,000원 2건 400,000원 200,000원 0건 200,000원 합계 0건 0원 0건 0원 0원 ..

JavaScript 2023.03.14

toLocaleString 숫자 (원화 , 달러 , 유로화 )

const num = 8740000; const won = num.toLocaleString("ko-KR", { style: "currency", currency: "KRW"}); const dollar = num.toLocaleString("en-US",{ style: "currency", currency: "USD", }); const euro = num.toLocaleString("de-DE",{ style: "currency", currency: "EUR", }); console.log("won: ", won, "/", "dollar:", dollar, "/", "euro:", euro); 결과 - 여기서 style 옵션을 사용하지 않으면 해당 데이터에 천단위마다 콤마가 찍힌 문자열이 반환된다. ..

JavaScript 2023.03.14

querySelector() , querySelectorAll()

querySelector() 특정 name 이나 id 를 제안하지 않고 css 선택자를 사용하여 요소를 찾습니다 반환객체는 한개의 요소만 찾을수있으며 동일한 클래스명을 가진 객체가 있을경우 html문서내의 첫번째를 나타내는 요소를 반환합니다. querySelectorAll() querySelect 와 동일하게 작동하나 차이점은 해당 선택자에 모든 요소를 가져옵니다. 반환객체는 nodeList이기때문에 for문 또는 foreach 문을 사용해야 합니다. 또한(',') 을 사용하면 여러요소를 한번에 가져올수있습니다. 출처 : https://javacpro.tistory.com/36

JavaScript 2023.02.02