게으른 나에게

12.1 문서 객체 모델 이해하기HTML 문법으로 작성한 태그, 속성, 주석, 텍스트와 같은 구성 요소들은 모두 웹 브라우저에서 각각 하나의 객체로 인식. 1.1 DOM(DOM, Document Object Model)문서 객체 모델(DOM): HTML 구성 요소들을 다루는 객체. 웹 브라우저에 표시되는 HTML 문서 구조를 객체화한 모델 구조. 1.2 문서 객체 모델이 생성되는 방식문서 객체 모델은 웹 브라우저가 HTML 문서를 해석하고, 해석한 HTML 문서 구조를 객체로 변환하는 방식으로 생성됨. 생성한 문서 객체 모델을 웹 브라우저에 표시. 웹 브라우저에 표시되는 HTML 문서는 내부적으로 문서 객체 모델을 해석해서 보이게 됨. 문서 객체 모델은 나무를 뒤집어 놓은 형태의 자료구조인 트리(tree..

11.1 자바스크립트 객체 다루기!! 기본 자료형을 제외한 거의 모든 것이 객체로 구성됐다고 해도 과언이 아닐 정도로 객체는 자바스크립트에서 정말 중요 !!1. 객체자료형의 관점: 키와 값으로 구성된 속성들의 집합.객체는 자바스크립트에서 제공하는 기본 자료형과는 다르게 여러 개의 값을 가질 수 있고, 다른 자료형의 값도 가질 수 있음.const person = {};리터럴 방식: {}속성이 하나도 없는 빈 객체.const person = {"Hong Gildong"};보통 객체를 생성할 때는 빈 객체로 생성하지 않고 처음부터 속성을 지정한 상태로 생성.const person = { name:["Hong", "Gildong"], age:20, isAdult:true};객체는 데이터의 종류를 가리지 않..

8.1 자바스크립트 코드 작성 방법 1. 자바스크립트 코드 작성 방법  ① 자바스크립트를 웹 브라우저에 적용하는 방법은 크게 2가지  -내부 스크립트 방법(internal script): HTML 문서 안에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법   -외부 스크립트 방법(external script): 별도의 js 확장자 파일을 만들어 자바스크립트 코드를 작성하고 이 파일을 HTML 문서에 script     태그로 연결하는 방법document.write("외부 스크립트 방법");  -script 태그의 사용 위치: script 태그는 웹 브라우저에 화면이 표시되는 것에 영향을 미치지 않도록 body 태그가 끝나기 전에 사용.   ② 자바스크립트를 단순히 실..