Markdown์ด๋ž€?

Github ๋ธ”๋กœ๊ทธ๋Š” ๋งˆํฌ๋‹ค์šด ํ˜•์‹์œผ๋กœ ๊ธ€์„ ์ž‘์„ฑํ•˜๊ฒŒ ๋œ๋‹ค. ๋งˆํฌ๋‹ค์šด ํ˜•์‹์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

๋งˆํฌ๋‹ค์šด(markdown)์€ ์ผ๋ฐ˜ ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜์˜ ๊ฒฝ๋Ÿ‰ ๋งˆํฌ์—… ์–ธ์–ด๋‹ค.

  • ์ผ๋ฐ˜ ํ…์ŠคํŠธ๋กœ ์„œ์‹์ด ์žˆ๋Š” ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋จ
  • ์ผ๋ฐ˜ ๋งˆํฌ์—… ์–ธ์–ด์— ๋น„ํ•ด ๋ฌธ๋ฒ•์ด ์‰ฝ๊ณ  ๊ฐ„๋‹จํ•œ ๊ฒƒ์ด ํŠน์ง•
  • ์‘์šฉ ์†Œํ”„ํŠธ์›จ์–ด์™€ ํ•จ๊ป˜ ๋ฐฐํฌ๋˜๋Š” README ํŒŒ์ผ์ด๋‚˜ ์˜จ๋ผ์ธ ๊ฒŒ์‹œ๋ฌผ ๋“ฑ์— ๋งŽ์ด ์‚ฌ์šฉ๋จ
  • ๋งˆํฌ๋‹ค์šด์„ ์ด์šฉํ•ด ์ž‘์„ฑ๋œ ๋ฌธ์„œ๋Š” ์‰ฝ๊ฒŒ HTML, ๋ฆฌ์น˜ ํ…์ŠคํŠธ(RTF) ๋“ฑ ๋‹ค๋ฅธ ๋ฌธ์„œํ˜•ํƒœ๋กœ ๋ณ€ํ™˜์ด ๊ฐ€๋Šฅ
  • Text๋กœ ์ €์žฅ ํ›„ HTML์œผ๋กœ์˜ ๋ณ€ํ™˜์ด ๊ฐ€๋Šฅ
  • ๋ณ€ํ™˜์„ ์ง€์›ํ•˜๋Š” ๋„๊ตฌ๋‚˜ Eco(์ƒํƒœ๊ณ„)๊ฐ€ ๋งค์šฐ ๋งŽ์Œ
  • Text๋กœ ์ €์žฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— Git์„ ํ†ตํ•œ ๋ฒ„์ „๊ด€๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜๊ณ , ์šฉ๋Ÿ‰์ด ์ ์–ด ๋ณด๊ด€์ด ์šฉ์ดํ•˜๋‹ค.

 

 

๊นƒํ—ˆ๋ธŒ๋ฅผ ์‚ฌ์šฉํ•ด๋ณธ ์ ์ด ์žˆ๋‹ค๋ฉด ์‰ฝ๊ฒŒ ์ ‘ํ•  ์ˆ˜ ์žˆ๋Š” README.md ํŒŒ์ผ์ด ๋ฐ”๋กœ ์ด ๋งˆํฌ๋‹ค์šด ํ˜•์‹์˜ ํŒŒ์ผ์ด๋‹ค. *.md๋ผ๋Š” ํ™•์žฅ์ž๋ช…์„ ์‚ฌ์šฉํ•˜๋ฉฐ ๋ฌธ๋ฒ•์ด ์‰ฝ๊ณ  ๊ด€๋ฆฌํ•˜๊ธฐ๊ฐ€ ํŽธํ•˜๋‹ค๋Š” ๊ฒƒ์ด ์žฅ์ ์ด๋‹ค.

  • MS Word๋‚˜ ํ•œ๊ธ€(Hwp)๋กœ ์ž‘์„ฑํ•˜์ง€ ์•Š๋Š” ์ด์œ 
    • web ๊ธฐ๋ฐ˜์— ์ ํ•ฉํ•œ ๋„๊ตฌ๊ฐ€ ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ
    • MS๋‚˜ Hwp ๋“ฑ์˜ ํŽธ์ง‘๊ธฐ๋กœ๋„ 'Save as...' ๊ธฐ๋Šฅ์„ ํ†ตํ•ด HTML ํ™•์žฅ์ž๋กœ ๋ณ€ํ™˜ํ•˜๋ฉด web์— ์˜ฌ๋ฆด ์ˆ˜ ์žˆ์ง€๋งŒ ๋ณ€ํ™˜๋œ ์†Œ์Šค์ฝ”๋“œ์˜ ์–‘๊ณผ ๋ณต์žก๋„๊ฐ€ ๋งค์šฐ ๋น„ํ•ฉ๋ฆฌ์ ์ด๋‹ค.
    • ์Šคํƒ€์ผ, ํ‘œ ๋“ฑ์ด ์˜จ์ „ํžˆ ๋ณ€ํ™˜๋˜์ง€ ์•Š์•„ ํ’ˆ์งˆ์ด ๋–จ์–ด์ง„๋‹ค.
  • ๋‹จ, md ํŒŒ์ผ์—๋„ ๋‹จ์ ์ด ์žˆ๋Š”๋ฐ, ํ‘œ์ค€์ด ์—†๋‹ค๋Š” ์ ์ด๋‹ค. ํ•ต์‹ฌ ๋ฌธ๋ฒ•์„ ์ œ์™ธํ•˜๊ณ ๋Š” ์—๋””ํ„ฐ์— ๋”ฐ๋ผ ๊ฒฐ๊ณผ๋ฌผ์ด ๋‹ฌ๋ผ์งˆ ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค.

 

Markdown Editor

๋งˆํฌ๋‹ค์šด ์—๋””ํ„ฐ์—๋Š”  Prose.io, StackEdit, MarkdownPad ๋“ฑ ๋‹ค์–‘ํ•œ ๊ฒƒ์ด ์žˆ๋‹ค.

 

Typora (๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ)

Prose.io

  • ์–ด๋””์„œ๋‚˜ ์ ‘์† ๊ฐ€๋Šฅํ•˜๋‹ค.
  • Git์— ์ ‘์†ํ•˜์—ฌ ๋ฐฐํฌ์—†์ด ๋ฐ”๋กœ Markdown์˜ ์ˆ˜์ •์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

StackEdit (์›น ๊ธฐ๋ฐ˜ ์—๋””ํ„ฐ)

  • ๊ตฌ๊ธ€๋“œ๋ผ์ด๋ธŒ, Git, ํ…€๋ธ”๋Ÿฌ ์ „๋ถ€ ์ €์žฅ ๋ฐ ๋ฐฐํฌ ๊ฐ€๋Šฅํ•˜๋‹ค.
  • ์–ด๋А PC์—์„œ ์ ‘์†ํ•ด๋„ ๋™์‹œ์„ฑ์ด ๋ณด์žฅ๋œ๋‹ค. ์˜ˆ์œ Icon๋ถ€ํ„ฐ ๋…ผ๋ฌธ ์ˆ˜์‹๊นŒ์ง€ ๊ฑฐ์˜ ๋ชจ๋“  ๋งˆํฌ๋‹ค์šด ํ‘œํ˜„์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

MarkdownPad

  • ๋ฌด๋ฃŒ๋ฒ„์ „์€ ํ•œ๊ณ„๊ฐ€ ๋งŽ๋‹ค.(ํŠนํžˆ ํŽธ์ง‘ํƒญ์ด 4๊ฐœ๋ฐ–์— ์—ด๋ฆฌ์ง€ ์•Š๋Š”๋‹ค.)
  • ํด๋ผ์šฐ๋“œ ๊ณต์œ  ๋ฐฉ์‹์ด ์•„๋‹Œ PC์— ์„ค์น˜ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์ด๋‹ค. ๊ธฐ๋Šฅ์ด ์•„์ฃผ ๋›ฐ์–ด๋‚˜์ง„ ์•Š๋‹ค.
  • ๊ฐ€๋” ์„œ๋ฒ„๊ฐ€ ๋‹ค์šด๋˜๊ฑฐ๋‚˜ ์ธํ„ฐ๋„ท์ด ๋А๋ฆฐ ๊ฒฝ์šฐ PC์—์„œ ์ž‘์—…ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ด ์žฅ์ ์ด๋‹ค.

Haroopad (ํ•œ๊ธ€ + ๋ฌด๋ฃŒ)

 

๊ทธ๋Ÿฌ๋‚˜ ๋‚˜๋Š” ๊ฐ€์žฅ ๋”ฐ๋ผํ•˜๊ธฐ ์‰ฌ์›Œ ๋ณด์ด๋Š”, Visual Studio Code ๋‚ด์˜ Markdown All in One์„ ์‚ฌ์šฉํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.

Visual Studio Code - Markdown All in one

Markdown Support for Visual Studio Code

  • ์ƒ์„ฑ : New file์—์„œ markdown ํ˜•์‹์˜ ํŒŒ์ผ ์ƒ์„ฑ
  • ์ €์žฅ : Save as๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋ฏธ๋ฆฌ ์„ค์ •ํ•ด๋‘” ๊ฒฝ๋กœ์— ํŒŒ์ผ์„ ์ €์žฅ

  • ๊ทธ๋Ÿผ ์ด์ œ Github Desktop์—์„œ commit์„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋œ๋‹ค.

 

*

์•ž์— ๋จธ๋ฆฟ๋ง ๋‹ค๋Š” ๊ฒƒ๋„ ๋ชฐ๋ž๋‹ค. ๋จธ๋ฆฟ๋ง์„ ์ž‘์„ฑํ•ด์ค˜์•ผ ํฌ์ŠคํŒ…์ด ๋œ๋‹ค.

 

์ฐธ๊ณ 

BELATED ARTICLES

more