4. HTML과 DOM 조작하기

4.3.4 이벤트 버블링과 캡쳐링

• 이벤트 버블링(event bubbling)
  이벤트가 발생할 때 부모 태그에도 동일한 이벤트가 발생하는 현상

이벤트 버블링 현상이 일어나면 이벤트 리스너 콜백 함수의 event.target은 이벤트가 처음 발생한 태그로 바뀌므로 주의해야한다. 이벤트가 발생한 태그가 아닌 이벤트를 연결한 태그에 접근하고 싶다면 event.currentTarget을 사용해야 한다. 또는 함수 선언문과 this를 사용해도 된다.

• 이벤트 캡쳐링(event capturing)
  이벤트가 자식 태그로 전파되어 내려가는 현상

4.5.2 Math 객체

Math.abs() 절대값을 구하는 메서드
Math.ceil() 올림
Math.round() 반올림
Math.floor() 내림

Math.ceil(5.2) //6
Math.round(4.5) //5
Math.floor(2.8) // 2

Math.max() 최댓값
Math.min() 최솟값
Math.sqrt() 제곱근

Math.max(5, 3, 6) //6
Math.min(2, 5, 8, 4) // 2
Math.sqrt(25) // 5

Math.random() 무작위 숫자를 생성 (0이상 1미만의 실수를 무작위로 생성)

자연수로 변경하는 방법

코드	결과
Math.random()	0 <= x <1
Math.random() * 9	0 <= x < 9
Math.random() * 9 +1	1 <= x < 10
Math.floor(Math.ramdom() * 9 + 1)	x = {1,2,3,4,5,6,7,8,9+

4.5.3 Date 생성자 함수

const <날짜 객체> = new Date(연, 월, 일, 시, 분, 초, 밀리초);
const <날짜 객체> = new Date(타임스탬프);

• javascript의 'Date'객체는 날짜를 밀리초 단위로 저장한다. 따라서 두 날짜를 밀리초 단위로 변환한 후 그 차이를 일 단위로 변환하기 위해 1000(밀리초 > 초), 60(초 > 분), 60(분 > 시간), 24(시간 > 일)로 나눈다.