마크업이란 무엇이며 웹에서 왜 사용할까요?

최초 게시일: 2026년 4월 25일

마크업은 소프트웨어가 텍스트의 구조나 표시 방식을 알아볼 수 있도록 지시를 덧붙이는 방법입니다. 제목, 문단, 링크의 역할을 추측하게 두지 않고 명시합니다. 웹에서 가장 잘 알려진 예는 HTML입니다.

마크업의 작동 방식

마크업은 콘텐츠와 구조를 구분합니다. 내용을 작성한 다음 각 부분의 기능을 나타내는 태그나 기호를 추가합니다. 브라우저 같은 프로그램이 이 표시를 읽어 문서를 화면에 보여 주거나 처리합니다.

HTML: 웹 페이지의 기본

HTML(HyperText Markup Language)은 꺾쇠괄호 안에 태그를 씁니다. 예를 들어 <h1>은 기본 제목, <p>는 문단, <a>는 링크를 나타냅니다. 브라우저는 HTML을 해석해 페이지를 구성합니다.

Markdown: 읽기 쉬운 마크업

Markdown은 간단한 기호를 사용합니다. #은 제목, **텍스트**는 굵은 글씨, - 항목은 목록을 나타냅니다. README 파일, 포럼, 메모 앱 등에서 쓰이며 변환 전 원문도 읽기 쉽습니다. Markdown 처리기는 이를 HTML로 변환할 수 있습니다.

XML: 구조화된 정보

XML(Extensible Markup Language)은 구조화된 데이터를 설명하는 태그를 직접 정의할 수 있습니다. 일부 API, RSS 피드, 설정 파일, 문서 형식 등에 쓰입니다. 소프트웨어가 정보를 교환하거나 처리하기 쉽도록 정리하는 목적이며, XML 자체가 페이지의 모양을 정하지는 않습니다.

마크업과 인코딩은 다릅니다

마크업은 콘텐츠의 역할이나 구조를 설명합니다. 인코딩은 데이터 표현 방식을 바꿉니다. 예를 들어 Base64는 바이트를 제한된 문자 집합으로 표현하지만 제목, 문단, 링크를 표시하지 않습니다. 함께 사용할 수는 있지만 해결하는 문제는 다릅니다.

개념을 직접 확인하고 더 배우기

문서 형식을 접하면 어떤 언어가 마크업을 읽고 해당 소프트웨어가 이를 어떻게 처리하는지 확인하세요. HTML은 웹 페이지를 구조화하고, Markdown은 흔히 HTML로 변환되며, XML은 데이터를 정리합니다. HTML 참고 자료로 MDN을 이용할 수 있습니다.

실용적인 구분법

마크업과 인코딩을 혼동하면 적절한 도구를 고르기 어렵습니다. 문서의 각 부분을 설명하려는지, 데이터를 전송하기 편한 형식으로 표현하려는지 생각하면 필요한 개념을 구분하는 데 도움이 됩니다.

참고 자료

다음 1차 자료는 HTML, Markdown 문법, XML을 설명합니다. 예시는 입문용이며 앱마다 지원 기능이 다를 수 있습니다.

자주 묻는 질문

Markdown이 HTML을 대체하나요?

아니요. Markdown은 많은 도구가 HTML로 변환하는 더 간단한 작성 형식입니다. 결과와 지원 문법은 처리기에 따라 달라집니다.

Base64는 마크업 언어인가요?

아니요. Base64는 바이트를 텍스트 문자로 인코딩하며 문서 구조를 설명하지 않습니다.

XML이 정보의 모양을 결정하나요?

XML은 주로 구조화된 데이터를 정리합니다. 표시 방식은 별도의 앱이나 스타일시트가 정할 수 있습니다.

관련 도구와 가이드 보기: 기술 가이드

Português (Brasil)