주요 내용
단원: HTML/JS: 인터랙티브 웹 페이지 만들기
이 단원에 대하여
JS 란?, HTML/CSS 란을 모두 배웠다면 여기서 HTML/CSS 에 JavaScript DOM API 를 사용하는 법을 배워 더욱 인터랙티브한 웹 페이지를 만들어 봅시다.HTML, JavaScript 및 DOM API를 이용하여 인터랙티브한 웹 페이지를 만드는 방법을 배울 준비가 되었나요? 본 수업의 퀴즈에서 확인할 수 있을 겁니다.
JavaScript로 웹 페이지의 "DOM" (Document Object Model)을 제어하는 방법을 배워 봅시다.
JavaScript에서 DOM API를 사용해 웹 페이지의 요소에 접근하는 방법을 배워 봅시다.
JavaScript에서 DOM API를 사용해 스타일 속성 같은 웹 페이지 요소를 수정하고 새로운 요소를 생성하는 방법을 배워 봅시다.
JavaScript에서 DOM API를 사용해 클릭하고 스크롤하고 폼에 필드를 입력하는 것과 같이 웹 페이지를 사용자 이벤트에 반응하도록 하는 방법을 배워 봅시다.
서로 다른 세 개의 기술인 window.setInterval, window.requestAnimationFrame 및 CSS animations/transitions을 이용하여 웹 페이지의 일부에 애니메이션을 적용하는 방법을 배워 봅시다.
JS 라이브러리를 이용해 웹 페이지에 다른 개발자들이 개발한 기능을 사용하는 법을 배워 봅시다.