"허니몬의 마크다운 사용기"
DESCRIPTION
마크다운에 대한 설명, 사용법, 활용법 설명TRANSCRIPT
![Page 1: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/1.jpg)
허니몬의 마크다운Markdown 이야기With Haroopad
![Page 2: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/2.jpg)
목차●Markdown?●마크다운이란 무엇인가 ?
●Markdown!●마크다운 사용법
●Markdown♥o 마크다운 활용법
![Page 3: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/3.jpg)
Markdown?
●2004 년 , 존 그루버 (John Gruber) 에 의해 탄생
●쉽게 쓰고 쉽게 읽을 수 있고 HTML 변환가능
●특수기호와 문자를 이용한 간단한 형식의 문법
●보다 빠르게 컨텐츠를 작성하고 직관적 인식
![Page 4: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/4.jpg)
Markdown?
●장점1.간결하다 .2.별도의 도구없이 작성 가능하다 .3.다양한 형태로 변환이 가능하다 .4.텍스트로 저장되어 용량이 작다 .5.버전관리 시스템을 이용해서 관리할 수 있다 .6.지원하는 도구와 플랫폼이 다양하다 .
![Page 5: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/5.jpg)
Markdown?
●단점1.표준이 없다 .2.표준이 없기 때문에 도구나 플랫폼에 따라서 변환방식이
다르다 .3.모든 HTML 를 대신하지는 못한다 .
![Page 6: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/6.jpg)
Markdown?
깃헙 (Github) 저장소 README.md
![Page 7: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/7.jpg)
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: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/8.jpg)
Markdown! - 인용> This is a first blockqute.> > This is a second blockqute.> > > This is a third blockqute.
> ### This is a H3> * List> ```> code> ```
![Page 9: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/9.jpg)
Markdown! - 목록순서있는 목록 ( 번호 )1. 첫번째2. 두번째3. 세번째
1. 첫번째3. 세번째2. 두번째
![Page 10: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/10.jpg)
Markdown! - 목록순서없는 목록 ( 글머리기호 )* 빨강* 녹색* 파랑
+ 빨강+ 녹색+ 파랑
- 빨강- 녹색- 파랑
![Page 11: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/11.jpg)
Markdown! - 목록내가 쓰는 방식
* 1 단계- 2 단계+ 3 단계= 4 단계
![Page 12: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/12.jpg)
Markdown! - 코드```This is a normal paragraph:
This is a code block.end code block.```
![Page 13: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/13.jpg)
Markdown! - 수평선* * *
***
*****
- - -
---------------------------------------
![Page 14: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/14.jpg)
Markdown! - 링크Link: [Google][googlelink][googlelink]: https://google.com "Go google"
[Google](https://google.com, "google link")
<http://example.com/><[email protected]>
![Page 15: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/15.jpg)
Markdown! - 강조*single asterisks*
_single underscores_
**double asterisks**
__double underscores__
++underline++
~~cancelline~~
![Page 16: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/16.jpg)
Markdown! - 이미지![ 석촌호수 러버덕 ](http://cfile6.uf.tistory.com/image/2426E646543C9B4532C7B0)
![ 석촌호수 러버덕 ](http://cfile6.uf.tistory.com/image/2426E646543C9B4532C7B0 "RubberDuck")
![Page 17: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/17.jpg)
Markdown♥
●이지윅 (WSYWIG) 에디터o 붙여넣거나o 파일을 업로드 하거나
스타일 HTML 로 복사해서 붙여넣기하면 가급적이면 본문은 수정하지 않는 것이 좋다 .
![Page 18: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/18.jpg)
Markdown♥
●깃헙 Github, 비트버킷 Bitbucket, 요비 Yobi 등o 작성한 마크다운 원문을 복사해서 붙여넣기 !o 마크다운 파일을 업로드 !
이지윅 에디터과는 차원이 다름 !
![Page 19: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/19.jpg)
Markdown♥
●MS 워드o 스타일 HTML 을 복사해서 붙여넣거나o HTML 로 내보내기 후에 불러오거나o 마크다운 편집기에서 DOC 로 저장하거나
목차를 사용하려면 헤더를 잘 고려해야함 .
![Page 20: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/20.jpg)
나는요 !
하루패드에서 작성하고 !
![Page 21: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/21.jpg)
나는요 !
티스토리에 붙여넣거나 !
![Page 22: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/22.jpg)
나는요 !
Dropbox 링크를 공유하거나 !
![Page 23: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/23.jpg)
나는요 !
워드에 붙여넣어서 씁니다 .
![Page 24: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/24.jpg)
정리
●마크다운 기본문법만 알면 손쉽게 작성 !
●다양한 도구와 플랫폼에서 지원 !
●마크다운을 이용해서 쉽고 빠르게 !
![Page 25: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/25.jpg)
정리
●마크다운 기본문법만 알면 손쉽게 작성 !
●다양한 도구와 플랫폼에서 지원 !
●마크다운을 이용해서 쉽고 빠르게 !
![Page 26: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/26.jpg)
정리
●관련정보는 !
Dropbox: http://goo.gl/WlciLI
![Page 27: "허니몬의 마크다운 사용기"](https://reader035.vdocuments.net/reader035/viewer/2022062708/5588f6c7d8b42a9e4e8b4592/html5/thumbnails/27.jpg)
끝 !
Markdown 을 활용하면 문서작성이 쉬워집니다 .
바로 써보세요 !롸잇나우 ~!