로니의 개발 이야기

이것은 Ire Aderinokun이 작성하고 bitsofco.de에 게시된 ' What, exactly, is the DOM? '을 번역하고, 수정한 글이다. 여기에서 원본 article 읽기 1. DOM은 무엇일까? 문서 객체 모델 (Document Object Model) DOM은 웹 페이지에 대한 인터페이스로, 현재 웹페이지의 문서 모델을 의미한다. 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하게 되는데 이를 DOM이라고 한다. DOM은 기본적으로 여러 프로그램들이 페이지의 콘텐츠, 구조, 스타일에 접근할 수 있게 하고 수정할 수 있도록 API를 제공한다. 또한 사용자의 동작에 반응할 수도 있게 된다. DOM의 최상위 객체인 document 객체는 HTML 전체 페이지를 표현..

HTML4에서 HTML5로 어떤 점들에서 변화가 발생했는지 살펴보도록 한다. 1. 구문 1) DTD (Document Type Definition) : doctype의 표현 : 작성된 내용이 HTML 표준에 의거하여 작성되었음을 웹 브라우저에게 알려주는 것을 의미한다. 필수 사항은 아니지만 보여주도록 권고하고 있다. 이 doctype 선언이 간소화 되었다. HTML4? 기존의 HTML 4의 경우에는 Strict, Transitional, Frameset 총 3가지 DTD 모드가 사용되었지만, HTML5? HTML5에서는 간단하게 표기하는 것으로 바뀌었다. 가장 최상단에 위치하고 있다. 2) Encoding : 웹 페이지의 문서 규칙을 선언 : 인코딩 선언부가 간결해졌다. 아래와 같이 간단하게 선언을 해주..

1. HTML 이 중요한 이유 - 정보 전달 + 접근성 (accessibility) : HTML 은 웹 페이지를 만드는 언어 (브라우저가 알아들을 수 있는 문서 형식)이다. 따라서 누군가에게 정보를 전달을 하는 목적으로 사용된다. 검색 엔진에서 검색을 했을 때, 텍스트 기반으로 검색하기 때문에 이미지로 꾸며진 글보다, 텍스트로 구성된 정보를 더 빠르게 찾을 수 있다. 2. HTML Tag ① 주로 사용되는 태그 이름 설명 '이것은 html이다' 를 관용적으로 보여주기 위해 쓰는 표현 웹 페이지의 문자 규칙을 utf-8로 읽어오라는 뜻 전체를 감싸서 html 이라는 것을 보여줌 본문을 설명하는 부분 웹 페이지의 제목 본문 HTML new line tag 줄 바꿈 태그의 의미만을 가지고 있음 HTML par..