본문 바로가기

기타/블로그

[꿀팁]마크다운, 손쉬운 계층 글작성으로 가독성 끌어올리기!

지금껏 문서작성을 해온 기간들 돌아볼때,
대학시절까지만 해도 리포트 작성 때 한글 hwp파일을 주로 사용했고,
논문작성에 범용성이 필요하다는 생각에 MS office의 Word를 주로 사용햇다가,
직장에서는 다양한 아키텍처,데이터,정보 들을 간결하고 보기좋게 꾸며하하는 면에서 PowerPoint를 사용하고 있는 중이지만,

개인적으로던, 공유의 목적이던 글을 쉽게 구조화작성을 했으면 좋겠다는 수요는 계속 있었던 것 같습니다.
한글이나 Word에는 문단나누기를 통해 가능했던 부분이긴 하지만,
프로그래밍을 하면서 정보내용과 코드를 덧붙여서 작성을 해야할 때 특히나 몇가지 기능만으로 상당히 가독성높은 문서를 만들 수 있다는 걸 깨받게 되었습니다.

바로 마크다운 언어를 사용하면서 부터 인데요. 여러가지 예시를 통해 문서기록을 손쉽게 할 수 있는 마크다운 언어에 대해 공유드리겠습니다.

1.마크다운언어란?
2.사용예시
3.사용처 참고


1. 마크다운이란?

2004년 존 그루버가 에런 스위츠와 협업을 통해 만들었으며, 사람들이 읽고 쓰기 쉬운 플레인 텍스트 포맷으로 구조적으로 유효한 XHTML로 변환이 가능하게하는 것을 목적으로 만들었습니다.

마크다운(markdown)은 텍스트 기반 경량 마크업 언어이고, 텍스트로만 문서를 작성하는데 일반 마크업언어에 비해 문법이 쉽고 간단 합니다. HTML과 리치텍스트(RTF) 등 서식 문서로 쉽게 변환되어 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용 됩니다.


2. 사용예시

2-1. 문단 사이 : 서술형 글쓰기 중 중간 문단 끊기는 기존과 마찬가지로 줄을 띄어서 분리

2-2. 헤드라인 : 제목의 경우 볼드체를 사용하며, '#'의 개수로 글씨크기로 하위계층 생성

 #제목1 
 ##제목2
 ###제목3
 ####제목4
 #####제목5

제목1

제목2

제목3

제목4

제목5

2-3. 글자 속성 : 글자 주변에 특수문자를 이용해 속성을 주기

**굵은글씨**
_기울기(이텔릭)
  ~취소문자~

굵은 글씨는 앞위에 별을 두개씩 작성
이텔릭체는 글자 앞에 언더바를 덧붙여 사용

취소선은 앞뒤에 물결을 붙여 사용

2-4. 인용문 : 앞에 회색 세로바를 이용해 인용문 사용

  > 앞에 우측방향 화살표를 이용해 인용구 작성

앞에 우측방향 화살표를 이용해 인용구 작성

2-5. 코드인용 및 코드펜스

```c languge
위아래 backtick ' 을 3개씩 넣어 코드펜스 작성  
print("make a codebox by backticks")

```

2-6. 링크

1) 단발성 링크의 경우 [링크표기] (링크주소)

[블로그링크] (evergrow.tistory.com)
ex.
블로그링크

2) 여러 링크가 있을 시 중간 경유링크 작성으로 하단에 통합관리

[갓구글] (link1)
[네이버] (link2)
[다음] (link3)

[link1] (https://www.google.com)
[link2] (https://www.naver.com)
[link3] (https://www.daum.net)

ex.
갓구글
네이버
다음

link1
link2
link3

2-7. 구분선 : ---


사용처

기본적인 문법기반으로 몇번 사용하시다보면 감이좀 오실것 같은데요, 티스토리 내에서도 마크다운형식으로 글을 쓰다가 왼쪽 하단의 미리보기를 통해 발행되었을때 어떻게 보여지는지 확인하면서 글을 쓰시면 금방 익히실 수 있을 것으로 생각됩니다.
이러한 마크다운방식 글쓰기는 각종 소스코드 공유 플랫폼 github 등에서 익히 사용되고 있습니다.!

마크다운 언어의 강점은 몇가지 통용되는 형식으로 텍스트문서를 작성해 두면 그 구조를 그대로 다른 플랫폼에서도 알아서 비쥬얼라이징 해주기 때문에 문서의 공유측면에서도 유리한 글쓰기 방식으로 생각됩니다.! 다들 구조화 글쓰기 익히셔서 쉬운 글쓰기 하세요~~