JavaScript2 jQuery jQuery- 오픈소스 기반의 JavaScript의 라이브러리 중 하나- 기존 JavaScript 코드를 짧고 단순한 코드로 웹 페이지에 다양한 효과나 연출(HTML의 DOM 조작, 이벤트 핸들링, 애니메이션, Ajax)을 적용할 수 있음- Element(HTML 태그) 선택이 편리하고 효율적으로 제어할 수 있음- $() = jQuery 객체를 의미 (=jQuery())- $(HTML태그) 형식으로 지정한 HTML 태그 전체를 지정 - HTML 파일에서 마지막 부분에 jQuery CDN에 있는 버전별 script 코드를 복사+붙여넣기하여 세팅- $(document).ready(function(){}) = $(function(){}) = DOM이 생성되면(위 -> 아래 순으로 모든 코드를 읽은 후 실행).. 2024. 10. 23. DOM 정의- Document Object Model- XML이나 HTML 문서의 태그들을 JavaScript를 통해 객체로 조작할 수 있도록 API를 제공하는 인터페이스 DOM 객체의 구성요소- property = DOM 객체의 변수 HTML 태그의 속성- method = DOM 객체의 함수- collection = DOM 객체의 배열- eventListener = HTML 태그의 이벤트 리스너- style = HTML 태그의 CSS 데이터 타입- document = 웹 페이지 그 자체를 의미하는 객체이자 DOM 트리의 최상위 객체 - element = DOM 트리에서 XML이나 HTML 태그를 가리키는 객체 - nodeList = element의 배열 (Array와는 다르지만 list[0]처럼 index를.. 2024. 10. 22. 이전 1 다음