Markdown 문서 양식 툴 이용하기

입단식 오리엔테이션 때 들었던 Markdown 문서 양식 툴을 한번 설치하여 이용해보기로 하였다.

Markdown Editor 'Typora'

Typora 는 마크다운 에디터다. 마크다운 문법을 이용해 텍스트를 입력하면 텍스트 필드에 문법이 적용된 모습을 바로 확인이 가능하다. 입력과 동시에 결과물 미리보기가 가능하게 해준다. 뿐만 아니라 html 문법을 이용하지 않고도 간단한 텍스트 입력으로 html를 적용한 효과까지 보여진다.

Today have to do

• Listen to Linux e-learning chapter1.

• Review what I learned today.

• Summarizing of linux in Blog.

이것을 마치 html의 checkbox처럼 체크 리스트로 간편히 만들 수 있다.

Today have to do with Task List

• Listen to Linux e-learning chapter1.

• Review what I learned today.

• Summarizing of linux in Blog.

뿐만 아니라 글작성을 하고 있는 도중에도 바로 문법이 적용되어 즉시 체크표시도 할 수 있다.

시간	한 일
9:00am ~ 12:00pm	Linux shell에 대한 공부와 실습
12:00pm ~ 13:00pm	구내식당에서 점심. 오므라이스 먹음
13:00pm ~ 18:00pm	Linux 접근권한에 대한 공부와 실습

테이블관리도 너무 너무 편하다.

사진도 파일을 로드하는 동시에 바로 볼 수 있어 매우 유용하다.

사진 파일을 드래그하여 로드도 가능하다.

html과 css를 다룰 줄 아는 사람이라면 편집영역의 스타일도 직접 제작할 수 있다.

여기까지는 개발자와 일반 사용자 모두가 간단한 문법만 알면(특수문자 정도만 익히면 되므로 문법이라 하기도 민망하다.) 문서작성을 시각적으로 편하게 할 수 있다.

다음은 개발자를 위한 기능들을 써보도록 하겠다.

개발자를 위한 코드 펜스와 다이어그램

  
  #include <stdio.h>
  int main()
  {
    printf("hello world\n");
  }

소스코드를 작성한 언어를 설정해주면 비쥬얼 스튜디오에서 코드를 작성한 것처럼 색상도 입혀준다.

sequence diagram도 작성이 가능하다.

This is a Today's commute time.

그밖에 다양한 sequence

• JS Sequence Diagrams코드로 작성한 UML sequence diagram

• mermaid코드로 작성한 UML sequence diagram

• flowchat.js코드로 작성한 flow chart

• mermaid코드로 작성한 gantt chart

• Tex/LaTex를 이용한 수식 편집 및 미리보기

그리고 [File] - [Export]를 통해 PDF, HTML등 다양한 형식으로 저장이 가능하다.

무엇보다 티스토리에 마크다운의 문법이 적용된 채로 올릴 수 있다는 점이 좋다!!

(네이버 블로그에는 적용이 안된다ㅠㅠ)


▶ 설치하기
https://www.typora.io/

▶ 사용 방법
http://support.typora.io/Markdown-Reference/#lists