반응형 프로그래밍 개발/JS 웹33 javascript DOM - jQuery jQuery이란? 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리 중 하나이다. jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구이다. jQuery의 사용 jQuery를 사용하기 위해서는 jQuery를 HTML로 로드해야 한다. jQuery를 로드하는 방법 의 jQuery 연동 링크는 jQuery 홈페이지에 들어가서 다운 받을 수 있다. 위의 코드의 결과는 Body 태그 아래에 jin seok 코드가 만들어진다. jQuery( document ).ready(function( $ ) 같이 {}로 감싸는 것이 이상적이다. jQuery로 제어 대상을 찾기 jQuery를 이용하면 DOM을 사용하는 것 보다 훨씬 효율적으로 필요한 객체를 조회할 수 있다.. 2020. 11. 17. javascript DOM - 제어 대상을 찾기 DOM이란? Document Object Model의 약자로 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다. window 객체의 document 프로퍼티를 통해서 사용할 수 있다. Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서를 의미한다고 할 수 있다. 제어 대상을 찾기 문서를 자바스크립트로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. document.getElementsByTagName getElementsByTagName은 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeList라는 유사 배열에 담아서 반환한다. NodeList는.. 2020. 11. 17. javascript BOM BOM이란? BOM(Browser Object Model)이란 웹브라우저의 창이나 프래임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단이다. BOM은 전역객체인 Window의 프로퍼티와 메소드들을 통해서 제어할 수 있다. 전역개체 Window Window 객체 Window 객체는 모든 객체가 소속된 객체이고, 전역객체이면서, 창이나 프레임을 의미한다. 전역객체 Window 객체는 식별자 window를 통해서 얻을 수 있다. 또한 생략 가능하다. 위의 코드와 결과를 보면 전역변수와 함수가 사실은 window 객체의 프로퍼티와 메소드라는 것이다. 또한 모든 객체는 사실 window의 자식이라는 것도 알 수 있다. 이러한 특성을 ECMAScript에서는 Global 객체라고 부른다. ECMASc.. 2020. 11. 17. 이전 1 2 다음 반응형
