마크업 언어의 사전적 정의

출처 : 위키백과
마크업 언어(markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 기술적 마크업(descriptive markup)은 문서의 일부에 이름을 다는 곳에 사용된다. 주요 마크업 언어에는 HTML이 있다.

즉, 마크업 언어로 작성된 웹페이지 라는것은 결국 문서와 같다. 따라서, 컴퓨터가 이해할 수 있도록 태그로 문서를 작성하는것을 '마크업 개발'이라고 한다.

마크업 개발의 실질적 의미

가장 근본적인 역할은...

웹페이지의 뼈대를 구성하는 HTML과 화면 디자인을 코드로 나타내는 CSS를 개발하는것을 의미.

그림으로 표현하면 아래와 같다.

위 그림에서 HTML은 뼈대를 구성한다고 하면, JS는 근육조직 및 다른 기관들을 의미하고, CSS는 사람에게 옷을 입히는것과 같다고 볼 수 있다.

마크업 개발의 중요성

기본적인 개발의 프로세스를 정리하면 아래와 같다.

기획 -> 디자인 -> 마크업 -> 프론트엔드/백엔드 -> QA -> Realease

이때, 디자인과 마크업을 얼마나 잘 구성하느냐에 따라서, 뒤따라오는 절차의 판도가 뒤바뀐다. 또한, 디자인과 마크업은 일심동체이다.
웹 서비스의 규모가 클수록, 디자인의 복잡도는 상승하고, 마크업의 복잡도 또한 상승한다.

또한, 디자인 관리를 위해 생겨난 디자인 시스템을 잘 개발/유지 하기 위해서는
결국 마크업의 역할이 가장 중요하다.