27
허허허허 허허허허 Markdown 허허허 With Haroopad

"허니몬의 마크다운 사용기"

Embed Size (px)

DESCRIPTION

마크다운에 대한 설명, 사용법, 활용법 설명

Citation preview

Page 1: "허니몬의 마크다운 사용기"

허니몬의 마크다운Markdown 이야기With Haroopad

Page 2: "허니몬의 마크다운 사용기"

목차●Markdown?●마크다운이란 무엇인가 ?

●Markdown!●마크다운 사용법

●Markdown♥o 마크다운 활용법

Page 3: "허니몬의 마크다운 사용기"

Markdown?

●2004 년 , 존 그루버 (John Gruber) 에 의해 탄생

●쉽게 쓰고 쉽게 읽을 수 있고 HTML 변환가능

●특수기호와 문자를 이용한 간단한 형식의 문법

●보다 빠르게 컨텐츠를 작성하고 직관적 인식

Page 4: "허니몬의 마크다운 사용기"

Markdown?

●장점1.간결하다 .2.별도의 도구없이 작성 가능하다 .3.다양한 형태로 변환이 가능하다 .4.텍스트로 저장되어 용량이 작다 .5.버전관리 시스템을 이용해서 관리할 수 있다 .6.지원하는 도구와 플랫폼이 다양하다 .

Page 5: "허니몬의 마크다운 사용기"

Markdown?

●단점1.표준이 없다 .2.표준이 없기 때문에 도구나 플랫폼에 따라서 변환방식이

다르다 .3.모든 HTML 를 대신하지는 못한다 .

Page 6: "허니몬의 마크다운 사용기"

Markdown?

깃헙 (Github) 저장소 README.md

Page 7: "허니몬의 마크다운 사용기"

Markdown! - 헤더This is an H1=============

This is an H2-------------

# This is a H1## This is a H2### This is a H3#### This is a H4##### This is a H5###### This is a H6

Page 8: "허니몬의 마크다운 사용기"

Markdown! - 인용> This is a first blockqute.> > This is a second blockqute.> > > This is a third blockqute.

> ### This is a H3> * List> ```> code> ```

Page 9: "허니몬의 마크다운 사용기"

Markdown! - 목록순서있는 목록 ( 번호 )1. 첫번째2. 두번째3. 세번째

1. 첫번째3. 세번째2. 두번째

Page 10: "허니몬의 마크다운 사용기"

Markdown! - 목록순서없는 목록 ( 글머리기호 )* 빨강* 녹색* 파랑

+ 빨강+ 녹색+ 파랑

- 빨강- 녹색- 파랑

Page 11: "허니몬의 마크다운 사용기"

Markdown! - 목록내가 쓰는 방식

* 1 단계- 2 단계+ 3 단계= 4 단계

Page 12: "허니몬의 마크다운 사용기"

Markdown! - 코드```This is a normal paragraph:

This is a code block.end code block.```

Page 13: "허니몬의 마크다운 사용기"

Markdown! - 수평선* * *

***

*****

- - -

---------------------------------------

Page 14: "허니몬의 마크다운 사용기"

Markdown! - 링크Link: [Google][googlelink][googlelink]: https://google.com "Go google"

[Google](https://google.com, "google link")

<http://example.com/><[email protected]>

Page 15: "허니몬의 마크다운 사용기"

Markdown! - 강조*single asterisks*

_single underscores_

**double asterisks**

__double underscores__

++underline++

~~cancelline~~

Page 16: "허니몬의 마크다운 사용기"

Markdown! - 이미지![ 석촌호수 러버덕 ](http://cfile6.uf.tistory.com/image/2426E646543C9B4532C7B0)

![ 석촌호수 러버덕 ](http://cfile6.uf.tistory.com/image/2426E646543C9B4532C7B0 "RubberDuck")

Page 17: "허니몬의 마크다운 사용기"

Markdown♥

●이지윅 (WSYWIG) 에디터o 붙여넣거나o 파일을 업로드 하거나

스타일 HTML 로 복사해서 붙여넣기하면 가급적이면 본문은 수정하지 않는 것이 좋다 .

Page 18: "허니몬의 마크다운 사용기"

Markdown♥

●깃헙 Github, 비트버킷 Bitbucket, 요비 Yobi 등o 작성한 마크다운 원문을 복사해서 붙여넣기 !o 마크다운 파일을 업로드 !

이지윅 에디터과는 차원이 다름 !

Page 19: "허니몬의 마크다운 사용기"

Markdown♥

●MS 워드o 스타일 HTML 을 복사해서 붙여넣거나o HTML 로 내보내기 후에 불러오거나o 마크다운 편집기에서 DOC 로 저장하거나

목차를 사용하려면 헤더를 잘 고려해야함 .

Page 20: "허니몬의 마크다운 사용기"

나는요 !

하루패드에서 작성하고 !

Page 21: "허니몬의 마크다운 사용기"

나는요 !

티스토리에 붙여넣거나 !

Page 22: "허니몬의 마크다운 사용기"

나는요 !

Dropbox 링크를 공유하거나 !

Page 23: "허니몬의 마크다운 사용기"

나는요 !

워드에 붙여넣어서 씁니다 .

Page 24: "허니몬의 마크다운 사용기"

정리

●마크다운 기본문법만 알면 손쉽게 작성 !

●다양한 도구와 플랫폼에서 지원 !

●마크다운을 이용해서 쉽고 빠르게 !

Page 25: "허니몬의 마크다운 사용기"

정리

●마크다운 기본문법만 알면 손쉽게 작성 !

●다양한 도구와 플랫폼에서 지원 !

●마크다운을 이용해서 쉽고 빠르게 !

Page 26: "허니몬의 마크다운 사용기"

정리

●관련정보는 !

Dropbox: http://goo.gl/WlciLI

Page 27: "허니몬의 마크다운 사용기"

끝 !

Markdown 을 활용하면 문서작성이 쉬워집니다 .

바로 써보세요 !롸잇나우 ~!