지난 글에 제가 웹사이트는 단지 Text일 뿐이라고
말한 거 기억하시나요??
코딩은 단순히 글을 적는 것뿐이라고 말씀드렸죠.
사실 웹사이트는 최소 2가지에서 최대 3가지 종류의
Text로 이루어져 있습니다.
정확히는 Text라는 말보다는 언어라고 말하는 게
더 정확한 말이겠죠
첫 번째 언어 : HTML
두 번째 언어 : CSS
세 번째 언어 : JavaScript
웹사이트를 구성하는 언어는 이렇게
3가지만 있기 때문에 웹 개발을 목적으로
한다면 정말 좋은 일이겠죠???
왜냐하면 3가지만 배우면 끝이니까요.
물론 HTML CSS는 금방 습득할 수 있는 반면
JAVA는 쉽지는 않을 거예요
하지만 어려운 만큼 당신의 경쟁자로부터
당신의 보호해줄 거예요.
그럼 그중에서도 가장 첫 번째 언어
HTML은 무엇일까요??
하이퍼텍스트 마크업 언어(HyperText Markup Language)
정의를 살펴보면?
하이퍼텍스트 마크업 언어는 웹 페이지를 위한 지배적인 마크업 언어다.
HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를
나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로
구조적 문서를 만들 수 있는 방법을 제공한다
출처: 위키백과
처음 코딩이나 HTML을 배운다면 이 말이
무슨 뜻인지 알 수 있을까요?
(저는 몰랐을 것 같아요ㅜ)
위의 이미지를 보면 뭐가 보일까요?
제목도 보이고 이미지도 보이고
아이콘도 보이고 글 도보이고
내용도 보이죠.
그리고 다른 페이지로 이동하게 해 주는
링크도 보이시죠?
이 모든 것의 위치를 잡아주는 일을
또 링크를 통해 이동해야 한다면
어떤 페이지로 이동할지 설정해주는 일을
HTML로 해준다고 생각하시면 돼요.
지금 책상을 한번 봐보세요.
책은 어디에 있고 핸드폰과 모니터
마우스, 키보드는 어디에 있는지
저에게 설명한다고 생각해보세요.
보고 계시는 모든 분들이 각기 다
다른 위치, 다른 환경에 있을 거예요.
그럼 그걸 저에게 설명하면
제가 상상하고 그려낼 수 있겠죠.
설명을 자세하게 하면 할수록
제가 더 잘 표현할 수 있겠죠?
네!! 지금 저에게 설명하려던 것처럼
만들고 싶은 사이트의 구성을
(예를 들어 링크를 페이지는 어디에
제목은 얼마난 크기로 어디에
콘텐츠의 내용은 어디까지 어디에
이미지의 크기는 어디에 어떻게 등 말이죠)
브라우저(네이버 웨일, 크롬 파이어폭스, 사파리)
에 설명하기 위해서는
HTML이라는 언어를 사용해야 해요.
왜냐하면 브라우저는 우리 인간의
언어를 이해하지 못하니까요
즉 우리가 브라우저에게 HTML
이라는 언어를 배워 설명해준다면
브라우저는 우리가 원하는
웹사이트의 모양을 그대로
표현해 줄 거예요.
이게 바로 HTML이고
우리가 배워야 하는 이유인 거죠!!!!
혹시 궁금한 점이 있으시다면 댓글 달아주시고요.
공감과 구독도 부탁드릴게요~~~
