본문 바로가기
IT/컴퓨터

HTML은 프로그래밍 언어가 아닐까?(HTML에 관한 논쟁)

by 성히의세상 2020. 8. 12.

이야기에 앞서 위의 그림을 보자

Stack Overflow라는 해외 사이트이다. 이 곳에서는 프로그래밍에 대한 질문을 하고

답변을 받는 사이트다.

 

이곳에 무려 11년하고도 10개월 전에

Is HTML considered a programming language? 라는 질문이 올라왔었다. 

HTML을 프로그래밍언어로 생각해도 되나? 라는 질문이다.

 

그에 대한 코멘트로 현재 이 질문은 적합하지 않으며 이 질문은 토론, 논쟁등을

유발할 수 있다고 한다.

 

또한 구글 검색창에 HTML is not programing html is not programming language

이라고 검색하고 이미지를 눌러보면 그에 대한 밈을 만화로 볼 수 있다.

 

보통은 "나는 HTML 프로그래머야" 라고 하면 비웃거나 심지어는 언덕에서 미는

만화도 나온다.

 

결론적으로 말하자면 HTML은 프로그래밍 언어가 아닙니다.

HTML은 마크업 언어입니다.

 

 

마크업 언어가 뭔데요

 

마크업 언어(Markup language)는 마크로 둘러싸인 언어입니다.
또는 태그(Tag)로 둘러싸였다고도 말합니다.

 

마크업이라는 것은 어떤것인가?

우리는 하루에도 수십, 수백가지의 웹사이트들을 보고 있습니다.

하지만 이런 웹사이트를 볼때 하얀 페이지에 아무런 서식없이 그냥 글들만 있다고 생각해보면

사실 끔찍합니다.

 

하지만 마크업을 통해서 우리는 웹사이트에 서식, 구조 등을 표현할 수 있습니다.

 

아래의 검은 상자는 마크업이 되지 않은 문서로 보시면 됩니다.

너는 돼지다
나도 돼지다
우리 모두 돼지다

아래의 검은 상자는 마크업으로 표현한 것입니다.

<제목>너는 돼지다</제목>
<본문>나도 돼지다<본문>
<본문>우리 모두 돼지다<본문>

아래의 경우 글을 가운데 정렬을 했고 제목은 진하게 표현했습니다.

또한 구조를 정하여 제목과 본문을 나눴습니다.

 

위 두개의 차이를 보면 두개의 상자 안의 글의 차이점은 

어디가 제목인지 어디가 본문인지, 글 스타일을 어떻게 할껀지에 대해서 차이가 있습니다.

 

이러한 차이를 만드는게 마크업이라고 생각하시면 될것같습니다.

(웹사이트의 구조나 의미, 서식등을 줄 수 있음)

 

또한 아래의 검은 상자의 경우에는 <제목> / <본문> 이 표기되었는데 이를

Tag라고 부릅니다.

 

*정리*

○ 마크업 언어란 태그 등을 이용하여 문서나 데이터의 구조를 만들며 서식을 준다.

○ 쉽게 말해 웹사이트를 제작할 때 사람의 골격에 해당하는 부분을 만들어주는 것

 

 

그럼 프로그래밍 언어는 뭔데?

프로그래밍 언어 : 기계(컴퓨터)에게 명령 또는 연산을 시킬 목적으로 설계됨.

 

프로그래밍언어는 우리가 사용하는 앱을 만드는 언어라고 생각하면 편하다.

앱은 자바, 코틀린이라는 언어로 제작된다.

 

또한, 컴퓨터의 시스템, 소프트웨어를 만드는 언어이기도 하다.

 

기계어, 어셈블리어, 베이직, C, C#, C++, 파이썬, 루비 등등의 많은 프로그래밍 언어가 존재한다.

 

 

그래서 둘의 차이점이 뭔데?

일반적으로 코딩을 이제 막 접하거나 아예 모르시는 분들은

위의 글을 통해 HTML이 웹사이트를 만드는 언어라는 것은 알게 되었다.

 

하지만 초보자들에게는 웹사이트나 일반적인 소프트웨어나 별 차이가 없다고 생각할수도 있다.

 

그래서 다시 정리하고 넘어가도록 하겠다.

 

HTML은 구조, 서식 등 우리가 보기 좋게 골격을 만들고

폰트 굵기, 크기, 그리고 위치등을 설정하는게 역할이며

 

프로그래밍 언어는 시스템이나 소프트웨어를 구동시키기 위한 언어이다.

 

즉 HTML은 표현의 방식이고 프로그래밍 언어는 창작하고 실행시키는 방식이라

생각하면 편하겠다.

 

댓글