web
마크업, 마크다운
인트로
프론트엔드를 공부하기 시작하면서 생긴 html에 대한 궁금증을 해결하기 위해 우선 마크업 언어가 무엇인지. 우리가 github 에서 작성하는 README.md 의 마크다운은 무엇인지 위키를 통해 알아보고자 한다.
Markup Language
마크업 언어(markup 言語, markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다.
태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다.
- 표현적 마크업(Presentational markup): 전통적인 워드 처리 시스템이 사용하는 마크업.
위지위그 효과를 내는 문서 텍스트에 포함되니 이진 코드.
이러한 마크업은 사람(저자나 편집자도 포함)의 눈에는 보이지 않도록 설계되는 것이 일반적이다. - 절차적 마크업(Procedural markup): 마크업은 텍스트에 포함되며 문자를 처리할 프로그램의 명령을 제공한다.
troff, LaTeX, 포스트스크립트를 예로 들 수 있다. - 기술적 마크업(Descriptive markup): 마크업은 문서의 일부에 이름을 다는 데 사용된다.
예로, HTML의 인용의 이름을 다는<cite>
태그를 들 수 있다.
다음과 같은 예시를 볼 수 있다.
- HTML (Hyper Text Markup Language): 웹 페이지를 작성하기 위해 사용하는 가장 널리 알려진 마크업 언어.
HTML은 웹 페이지의 구조를 정의하고, 텍스트, 이미지, 링크 등 다양한 요소를 웹 페이지에 배치할 수 있도록 한다. - XML (eXtensible Markup Language): 데이터를 저장하고 전송하는 데 사용되는 마크업 언어.
XML은 데이터를 구조화하는 데 사용되며, 태그는 사용자가 정의할 수 있다. - SVG (Scalable Vector Graphics): 벡터 기반의 그래픽을 표현하기 위한 XML 기반의 마크업 언어.
SVG는 웹에서 스케일링이 가능한 그래픽을 만드는 데 사용된다.
Markdown?
마크다운(Markdown)은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.
- 읽기 쉽고 작성하기 쉽다: 마크다운의 문법은 간단하고 직관적, 일반 텍스트를 읽고 쓰는 것처럼 쉽게 서식 있는 텍스트를 작성할 수 있다.
- 다양한 플랫폼에서 지원한다: GitHub, Bitbucket, GitLab 등의 코드 호스팅 플랫폼뿐만 아니라,
Jekyll, Hugo 등의 정적 사이트 생성기, StackOverflow, Reddit 등의 커뮤니티 사이트에서도 마크다운을 지원한다. - HTML로 쉽게 변환할 수 있다: 마크다운 문서는 쉽게 HTML로 변환할 수 있으므로,
웹 사이트에 게시하거나 이메일로 보내는 등 다양한 용도로 사용할 수 있다.
마치며
그렇다 이 글도 마크다운으로 작성하고 있다.