개발자 준비생이 나름의 구글링과 공부를 통해서 개념정리를 한 내용입니다. 잘못된 점이 있다면
언제든지 댓글로 정정해주시면 감사하겠습니다.
서론
이제 인간에게 있어 컴퓨터는 없어서는 안될 기기가 되어버렸습니다.
인간의 삶을 조금 더 여유롭게, 즐겁게, 유용하게 소비할 수 있게 해준 혁신적인 발명품이었죠.
그리고 그 발명품은 "인터넷" 이라는 날개를 달고 더욱 폭발적으로 발전해 나가게 됩니다.
그렇게 우리는 발전된 컴퓨터를 사용하고 있고, 지금도 그 컴퓨터를 이용해 이 글을 읽고있을겁니다.
(핸드폰으로 보는 사람도 그냥 그렇다고 생각하기.)
지금 보는 이 화면을 보이게 해주는것이 과연 무엇일까? 개발자가 아니라면 굳이 생각해볼 이유는 없습니다.
하지만, 내가 개발자라면, 개발을 공부하는 학생이라면, 이 물음은 당연한것이고. 우리는 그 물음에 답을
할 수 있어야 할것입니다.
그 답을 주는녀석이 바로 "Hyper Text Markup Language" 즉, HTML 이 되겠습니다.
HTML ?
HTML, 많이 들어본 단어입니다, 개발공부를 하지 않더라도 컴퓨터를 즐겨했다면 어디선가
무조건적으로 본적이 있는 단어일겁니다, 그정도면 충분합니다, 이제 알면 되니까요.
위에서 말했듯이 HTML 은 "Hyper Text Markup Language" 의 약자입니다.
그리고 이 풀네임속 단어들이 HTML 이 어떤 녀석인지를 나름 잘 설명해주고 있습니다.
이제부터, 이 HTML 의 풀네임 속 단어들을 하나하나 분리하여 이해해본 다음,
그래서 결국 HTML 이 뭔지에 대해 정리를 해볼 예정입니다.
그리고 넘어서는 HTML 을 작성하고, 실행시켜서 HTML 을 내것으로 만들어 보도록 하겠습니다.
Hyper + Text
일단 Hyper text 를 먼저 살펴봅니다, 우리는 책 같은 문서 등을 읽을때, 어떻게 읽나요?
대부분은 위에서 아래로 읽을겁니다. 이러한 구성방식을 "선형적 서사구조" 라고 합니다,
내용의 처음과 끝이 분명하게 존재하고, 완결성이 있으며, 해당 서류를 작성한 글쓴이의 정리방식대로
읽어내려가며 그 순서대로 정보를 전달받는것이죠. 아주 기본적인 구조입니다.
그리고 이 선형적 구조는 독자보다는 글쓴이에게 그 포커스가 집중되어 있습니다.
글쓴이가 일방적으로 자신의 정보를 독자에게 전달하는데 유리한 구조로 되어있으니까요.
그런데 독자가 글쓴이의 책을 읽다가, 자신이 이해하기 어려운 내용이 나온다면 어떻게 할까요?
이해하기 어렵다는건, 그 책 안에서 해답을 찾을 수 없다는 뜻일테니, 다른 책을 살펴보거나
단어를 모른다면 사전을 펼쳐서 단어를 찾아보게 될겁니다. 하지만 발전하고 있는 이 세상에서,
이러한 소비적인 행동은 굳이 하고싶지 않아졌죠. 그래서 Hyper Text 의 개념이 등장하게 됩니다.
Hyper text 의 개념은 1965년경 Ted Nelson 에 의해서 개발 되었습니다.
Hyper Text 는 선형적 구조를 가진기존 문서와 달리 "비선형적 구조" 로 구성된 문서입니다.
"초월하다" 라는 "Hyper" 와 문서 "Text" 의 합성어로, 문서 내에 하이퍼링크 라는 것이 존재하여
그 하이퍼링크를 통해 해당문서 외의 다른 문서들을 마음대로 넘나들 수 있는것이죠.
선형적 구조만큼 처음과 끝이 완벽하진 않지만, 독자가 다양한 정보들을 빠르게 얻어낼 수 있다는것이
가장 큰 장점입니다. 해당텍스트의 설명이 담긴 페이지로 이동이 가능할테니까요.
이 등장은 우리에게 새로운 정보습득방식을 알려주게 됩니다.
이제 우리는 Hyper Text 가 단순한 글자로서의 Text 가 아닌, 링크가 포함되어 있는,
초월적인 개념의 Text 라는것을 인지했습니다.
Markup + Language
그럼 이제 Markup Language 라는것을 알아보도록 하죠.
마크업 언어는, "태그" 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 종류입니다.
그렇다면 태그는 무엇일까요?
태그 (Tag) 는 원래 텍스트와는 별개로 해당 원고의 교정부호나 주석을 표현하기 위한것이었는데,
그 용도가 점점 확대되어서 문서의 구조를 표현하는 역할을 하게 되었습니다.
이 html 에서는 문서의 골격에 해당하는 부분을 맡고있죠.
일반적으로는 데이터를 기술하는 정도로만 사용되기 때문에 프로그래밍 언어와는 별개 입니다.
마크업언어는 여러가지로 분류되는데 html 은 "기술적 마크업" (Descriptive markup) 에 해당됩니다.
이것의 기능은 문서의 일부에 라벨을 붙인다거나, 문서의 고유한 구조를 분리하는 역할을 합니다.
HTML
자 그렇다면 앞서 배운 Hyper Text 와 Markup Language 를 합쳐보겠습니다.
Hyper Text Markup Language, 즉 하이퍼텍스트를 이용한 마크업 형식의 언어라는 말이 됩니다.
HTML 은 내용과 구조를 담당하는 언어입니다. 정말 쉽게 말하자면, 컴퓨터가 우리에게 제공하고자 하는
데이터들을 우리가 눈으로 볼 수 있게 구현해주는 역할을 한다는 것입니다.
HTML은 우리가 앞으로 배울 모든 것들의 기초가 될겁니다, 그렇기에 확실히 알아둬야 합니다.
- HTML 프로그래밍 언어가 아닌 마크업 언어입니다.
- HTML 은 태그와 컨텐츠가 합쳐진 요소로 이루어져 있습니다.
지금까지 HTML 에 대한 가장 기초적인 설명이었습니다,
다음 정리에선 HTML 을 구성하는 태그에 대해서 알아봅니다.
