[웹기본개념] 마크업, 마크다운, DOM 생성

[마크업 언어란]

- 문서에 부가적인 정보를 표시하기위해 고안된 언어

- 정보 표시 방법 : 태그(여는태그 ~  닫는 태그)

- 태그를 통해 문서 구조, 정보를 나타냄 그리고 데이터 구조를 나타내기도 함

- HTML(태그를 통해 문서 구조 및 정보), XML(태그를 통해 데이터 구조)이 마크업 언어의 일종

[마크다운이란]

- 일반 텍스트 문서 양식을 편집하는 문법

- 마크다운으로 편집한 문서는 쉽게 HTML 등 다른 문서 파일로 변환 가능함

- 보통 README 파일이나 온라인문서, 일반 텍스트 편집기로 문서 양식을 편집할 때 많이 사용함

- 마크다운 문법 참고 : https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4

[DOM 생성 및 API 활용]

- 브라우저가 응답받은 .html 문서를 읽어서 DOM을 생성함

- DOM은 마크업과 1:1 관계를 맺음 : 하나의 마크업(태그)에 대한 객체 생성 - 객체 간 관계도 형성(트리구조)

- 생성된 DOM은 트리구조(document 객체가 최상위 > html > head, body > .....)

- 생성된 DOM은 API를 통해 특정 태그 객체를 선택함

- 자바스크립트를 통해 특정 태그 객체를 변수에 넣고 제어

[참고자료]

1) Naver D2, 브라우저는 어떻게 동작하는가? : http://d2.naver.com/helloworld/59361

2) 위키피디아, 마크업 언어 : https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4

3) 위키피디아, 마크다운 : https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4