푸으름

✏️ 문서 객체 모델(DOM)자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법을 말합니다. HTML 언어로 작성한 웹 문서의 DOM을 HTML DOM이라고 하며, XML 문서에서 사용하는 XML DOM도 있습니다. DOM은 웹 문서를 하나의 객체로 정희하고 웹 문서를 이루는 텍스트나 이미지, 표 등의 모든 요소도 객체로 정의합니다.웹 문서 자체는 document 객체이고 삽입한 이미지는 image 객체입니다. ✏️ DOM 트리자바스크립트로 DOM을 조작하기 위해서는 DOM으로 어떻게 표현되는지를 알아야 합니다. DOM은 웹 문서의 요소들을 부모 요소와 자식 요소로 구분합니다. 마치 트리처럼 말이죠. Do it! // 위의 코드들을 CSS에서..

✏️ 브라우저 관련 객체종류설명window브라우저 창이 열릴 때마다 하나씩 만들어지고 브라우저 창 안의 요소 중에서 최상위document웹 문서마다 하나씩 있으며 태그를 만나면 만들어짐, HTML 문서의 정보가 담겨 있음navigator현재 사용하는 브라우저의 정보가 들어 있음history현재 창에서 사용자의 방문 기록을 저장location현재 페이지의 URL 정보가 담겨 있음screen현재 사용하는 화면 정보를 다룸✏️ window 객체의 프로퍼티종류설명document브라우저 창에 표시된 웹 문서에 접근 가능frameElement현재 창이 다른 요소 안에 포함되어 있을 경우 그 요소를 반환하고, 반대로 포함되어 있지 않으면 null을 반환innerHeight내용 영역의 높이를 나타냄innerWidth..

✏️ Array 객체Array 객체는 자바스크립트의 여라 가지 내장 객체 중에서 배열을 다룹니다.  초깃값이 없는 상태에서 단순히 객체의 인스턴스만 만든다면 new 예약어를 사용해 변수에 할당하고, 초깃값이 있는 배열이라면 인스턴스 선언과 요솟값을 한 번에 할당에 작성할 수 있습니다.var numbers = new Array(); // 배열의 크기를 지정하지 않음var numbers = new Array(4); // 배열의 크기를 지정함var numbers = ["one","two","three","four"]; // 배열 선언var numbers = Array("one","two","three","four"); // Array 객체를 사용해 배열 선언// ※ Array의 객체 안에는 length라는 프..

✏️ 객체프로그래밍 언어에서 객체는 여러 가지 의미로 해석될 수도 있지만, 자바스크립트에서 객체는 프로그램에서 인식할 수 있는 모든 대상을 가리킨다고 생각하시면 될 것 같습니다. 아무래도 자바스크립트는 웹 사이트나 웹 애플리케이션을 개발하는 언어이기 대문에 웹과 관련된 대상을 모두 객체로 인식하게 됩니다. #1 문서 객체 모델(DOM)자바스크립트에서 사용하는 객체입니다. 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체입니다. 일반적으로 웹 문서에 사용하는 요소는 document, image, link 객체 등이 있습니다. #2 브라우저 관련 객체웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있습니다. 사용하는 브라우저 정보를 담고 있는 navigatgor ..