DOM, DOM 객체 이벤트 다루기 실습
DOM??Document Object Model의 약자로, HTML요소를 JavaScript Object처럼 조작할 수 있는 Model이다.HTML의 작은 부분까지 접근할 수 있는 구조로, DOM을 이용하여 HTML로 구성된 웹페이지를 동적으로 움직이게 만들 수 있다.위와 같이 트리 구조로 되어 있다. 자바스크립트를통해DOM 요소를실시간으로변경가능 클릭, 입력, 스크롤과같은사용자이벤트처리가능 아래와 같은 실습 내용이 있었다. startBUtton을 클릭하면 progress가 1초에 10%씩 증가3초에서 5초 사이로 랜덤으로 생성된 종료 시간이 되면 progress가 100%가 되도록 구성 나는 이전에 배운 Bootstarp을 이용해 조금 예쁘게 다듬어 보았다. ..