221111 실전예제 - 웹페이지 메인 이미지(Visual) 영역 만들기

javascript 웹 페이지 메인 이미지(visual) 영역 만들기 예시로 만든 코드는 3가지 이미지로 3초마다 이미지가 한 장씩 바뀌며, 버튼을 눌렀을 때 해당 이미지로 이동한다. 그리고 이전, 다음 버튼을 누르면 이전, 다음 이미지를 보여준다. 오늘 내가 배운 것 1. DOMContentLoaded 2. 고차 함수 (higher-order function) 3. getAttribute() 1. DOMContentLoaded DOMContentLoaded는 전체에 한 번만 실행된다. DOMContentLoaded 이벤트를 사용하는 이유는 코드가 실행됐을 때 `script` 태그의 위치가 `head` 안에 있다면 스크립트를 실행될 때 HTML을 다 불러들이 후에 실행시키기 위해서 사용한다. DOMCon..