자바스크립트 이벤트, this와 화살표 함수, DOM, window 객체 다루기 [31일차]

이전 학습 내용: https://blog.naver.com/easeon11/223202539164 자바스크립트 기초 문법, 함수, 이벤트 핸들링 [30일차] 이전 학습 내용: https://blog.naver.com/easeon11/223201612030 이번 시간에는 HTML에 자바스크립트를... blog.naver.com 이번 시간에는 자바스크립트의 이벤트에 대해 더 알아보고, 여러 메서드들을 훑어보았습니다. 그리고 this와 화살표 함수에 대해 학습하고, DOM 트리를 직접 접근해 노드를 찾고 생성해보는 연습을 해보았습니다.

마지막으로 Window 객체를 통해 창을 열고 닫는 실습과 시간 관련 메서드를 사용해보았습니다. 이벤트 태그에는 클릭을 처리하는 기본 이벤트 핸들러가 있습니다.

다만 직접 정의한 이벤트를 추가해보겠습니다. 태그의 배경색을 지정해줄건데, 자바스크립트에서 css 속성을 직접 지정할 때는 camel case로 해주면 되겠습니다.

(ex. backgroun...