해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: HTMLCollection HTMLCollection HTMLCollection은 리턴 결과가 복수인 경우에 사용하게 되는 객체입니다. 이는 유사배열로 배열과 비슷한 사용방법을 가지고 있지만 배열은 아닙니다. HTMLCollection 은 아래와 같이 구현되어 있습니다. interface HTMLCollection { readonly attribute unsigned long length; Node item(in unsigned long index); Node namedItem(in DOMString name); }; HTMLCollection 의 목록은 실시간으로 변경될 ..

해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: HTMLElement HTMLElement getElement* 메소드를 통해서 원하는 객체를 조회했다면, 이 객체들을 대상으로 구체적인 작업을 처리해야 겠죠. 이를 위해서는 획득한 객체가 무엇인지 알아야 합니다. 그래야 적절한 메소드나 프로퍼티를 사용할 수 있으니까요. 아래 코드는 getElement*의 리턴 값을 보여줍니다. HTML CSS JavaScript 이것을 통해서 알 수 있는 것은 아래와 같습니다. document.getElementById : 리턴 데이터 타입은 HTMLLIELement document.getElementsByTagName : 리턴 데이터 타..

해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 제이쿼리(jQuery) 라이브러리 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 합니다. jQuery jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구 중 하나입니다. jQuery 의 사용 jQuery를 사용하기 위해서는 jQuery를 HTML로 로드해야 합니다. 직접 다운 받는 방식과, CDN 을 이용하는 방법이 있습니다. 아래의 예제 코드는 CDN 을 이용해 jQuery 를 로드하는 코드입니다. jQuery 를 이용하면 DOM 을 사용하는 것보다 훨씬 효율적으로 필요한 객체를 조회할 수 있습니다. jQue..

해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: DOM - 제어 대상 찾기 문서를 자바스크립트로 제어하려면, 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 해야하는 일입니다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용하면 됩니다. 이번 포스팅은 document 객체의 여러가지 메소드를 이용하여 제어 대상을 찾아보는데 중점을 맞춰서 진행해보도록 하겠습니다. document.getElementsByTagName 문서 내에서 특정 태그에 해당되는 객체를 찾는 방법은 여러가지가 있습니다. getElementsByTagName은 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeL..