Skip to content

Latest commit

ย 

History

History
82 lines (49 loc) ยท 5.08 KB

File metadata and controls

82 lines (49 loc) ยท 5.08 KB

Markdown Reader

Markdown Reader Logo

English | ไธญๆ–‡ | ํ•œ๊ตญ์–ด

https://md-reader.github.io

๋งˆํฌ๋‹ค์šด ๋ฆฌ๋”๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋งˆํฌ๋‹ค์šด ๋ฌธ์„œ๋ฅผ ํŽธ๋ฆฌํ•˜๊ฒŒ ๋ฏธ๋ฆฌ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๊ฐ•๋ ฅํ•œ ๋ธŒ๋ผ์šฐ์ € ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์ž…๋‹ˆ๋‹ค.

  • ๋ฌธ์„œ ํ˜•์‹: file://, http://, https:// ํ”„๋กœํ† ์ฝœ๊ณผ .md, .mkd, .mdx, .markdown ํ™•์žฅ์ž ํŒŒ์ผ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์ง€์›:
    • https://example.com/example.md (์˜จ๋ผ์ธ Markdown URL)
    • file:///Users/my-project/readme.markdown (๋กœ์ปฌ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ, *ํŠน์ • ๊ถŒํ•œ ํ•„์š”)
  • ๊ตฌ๋ฌธ ํ”Œ๋Ÿฌ๊ทธ์ธ: ์ด๋ชจ์ง€, ์œ„์ฒจ์ž/์•„๋ž˜์ฒจ์ž, ์ฒดํฌ๋ฐ•์Šค, ์ˆ˜์‹, ํ๋ฆ„๋„, ๊ฐ„ํŠธ ์ฐจํŠธ, ๋ชฉ์ฐจ, ์ธ์„œ์…˜, ์•ฝ์–ด, ์ฃผ์„, ์•Œ๋ฆผ ๋“ฑ์˜ ๊ธฐ๋Šฅ ์ œ๊ณต.
  • ํ…Œ๋งˆ: ๊ณ ํ’ˆ์งˆ ๋ผ์ดํŠธ์™€ ๋‹คํฌ ํ…Œ๋งˆ, ์ฝ”๋“œ ๊ฐ•์กฐ ๊ธฐ๋Šฅ ์ง€์›.
  • ์‹ค์‹œ๊ฐ„ ๋ฆฌ๋กœ๋”ฉ: ์‹ค์‹œ๊ฐ„ ๋ฌธ์„œ ๋ณ€๊ฒฝ๊ณผ ๋” ๋‚˜์€ ์ฝ๊ธฐ ๊ฒฝํ—˜์„ ์œ„ํ•œ ์ค‘์•™ ํ‘œ์‹œ ๊ธฐ๋Šฅ.
  • ๋ฌธ์„œ ๊ตฌ์„ฑ: ์‚ฌ์ด๋“œ๋ฐ” ๋””๋ ‰ํ† ๋ฆฌ, ์›๋ณธ ์ฝ˜ํ…์ธ  ๋ฏธ๋ฆฌ๋ณด๊ธฐ, ์ด๋ฏธ์ง€ ๋ฏธ๋””์–ด ์ง€์› ๊ธฐ๋Šฅ ํฌํ•จ.
  • ๋‹จ์ถ•ํ‚ค: ์›น ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ๋‹จ์ถ•ํ‚ค๋ฅผ ํ†ตํ•œ ๋น ๋ฅธ ๊ธฐ๋Šฅ ์‹คํ–‰ ์ง€์›.

banner

๊ธฐ๋ณธ ํ…Œ๋งˆ ํ˜•์‹์€ https://github.com/md-reader/theme ์— ์ €์žฅ๋œ๋‹ค.ํ…Œ๋งˆ ์Šคํƒ€์ผ์„ ๋ณด๊ฑฐ๋‚˜ ์‚ฌ์šฉ์ž ์ •์˜ํ•  ๊ฒฝ์šฐ,์ด ๋งํฌ์— ์ ‘๊ทผํ•˜์—ฌ css ํŒŒ์ผ์„ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

์„ค์น˜

A. ์›น ํ™•์žฅ ์Šคํ† ์–ด์—์„œ ์„ค์น˜

B. ๋นŒ๋“œ ์„ค์น˜

Chrome์˜ ์˜ˆ:

  1. md-reader ์ €์žฅ์†Œ๋ฅผ ๋ณต์ œํ•˜๊ณ  ๋นŒ๋“œํ•˜์„ธ์š”:

    # ์ด ์ €์žฅ์†Œ๋ฅผ ๋ณต์ œํ•ฉ๋‹ˆ๋‹ค
    git clone https://github.com/md-reader/md-reader.git && cd md-reader
    
    # ์˜์กด์„ฑ์„ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค
    pnpm install
    
    # ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ๋นŒ๋“œํ•ฉ๋‹ˆ๋‹ค
    pnpm build
  2. ๋นŒ๋“œ๊ฐ€ ์„ฑ๊ณต์ ์œผ๋กœ ์™„๋ฃŒ๋˜๋ฉด md-reader/dist ํด๋”์— md-reader-xxx.zip ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ํŒจํ‚ค์ง€๊ฐ€ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค.

  3. Chrome์˜ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ๊ด€๋ฆฌ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜์—ฌ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ๋ธŒ๋ผ์šฐ์ €์— ๋“œ๋ž˜๊ทธํ•˜์—ฌ ์„ค์น˜ํ•˜์„ธ์š”.

์‚ฌ์šฉ๋ฒ•

Chrome์˜ ์˜ˆ:

์„ค์น˜ ํ›„์—๋Š” Chrome์—์„œ ์˜จ๋ผ์ธ ๋งˆํฌ๋‹ค์šด ๋ฌธ์„œ๋ฅผ ๋ฏธ๋ฆฌ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ Chrome์€ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋กœ์ปฌ ๋งˆํฌ๋‹ค์šด ๋ฌธ์„œ๋ฅผ ๋ฏธ๋ฆฌ ๋ณผ ์ˆ˜ ์—†์œผ๋ฉฐ Chrome ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์— ๋Œ€ํ•œ ํŒŒ์ผ ์•ก์„ธ์Šค ๊ถŒํ•œ์„ ํ™œ์„ฑํ™”ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํŒŒ์ผ ์•ก์„ธ์Šค ๊ถŒํ•œ ํ—ˆ์šฉ

๋ณด์•ˆ์ƒ์˜ ์ด์œ ๋กœ Chrome์€ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋กœ์ปฌ ํŒŒ์ผ์— ๋Œ€ํ•œ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ์•ก์„ธ์Šค๋ฅผ ๋น„ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์„ค์น˜ํ•œ ํ›„ ๋กœ์ปฌ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ์„ ๋ฏธ๋ฆฌ ๋ณด๋ ค๋ฉด ๊ถŒํ•œ์„ ์ˆ˜๋™์œผ๋กœ ํ™œ์„ฑํ™”ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

Chrome ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ๊ด€๋ฆฌ ํŽ˜์ด์ง€์—์„œ ์„ค์น˜ํ•œ "Markdown Reader" ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ์ฐพ์•„ "์ƒ์„ธ์ •๋ณด"๋ฅผ ํด๋ฆญํ•˜๊ณ  "ํŒŒ์ผ URL์— ๋Œ€ํ•œ ์•ก์„ธ์Šค ํ—ˆ์šฉ" ์˜ต์…˜์„ ์ฐพ์œผ์„ธ์š”. ์„ธ๋ถ€ ์ •๋ณด ํŽ˜์ด์ง€์—์„œ ์ด๋ฅผ ํ™œ์„ฑ ์ƒํƒœ๋กœ ์ „ํ™˜ํ•˜์„ธ์š” ("Markdown Reader"๋Š” ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ์— ๋Œ€ํ•ด ์ฝ๊ธฐ ๋ฐ ํ‘œ์‹œ ์ž‘์—…๋งŒ ์ˆ˜ํ–‰ํ•˜๋ฉฐ ์‚ฌ์šฉ์ž ํŒŒ์ผ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ ์—…๋กœ๋“œํ•˜์ง€ ์•Š์Œ์„ ์•ˆ์‹ฌํ•˜์…”๋„ ๋ฉ๋‹ˆ๋‹ค).


์ด์ œ ๋ชจ๋“  ์ž‘์—…์ด ์™„๋ฃŒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค~! ใƒพ(โ—ยฐโˆ‡ยฐโ—)๏พ‰

์ด ์˜จ๋ผ์ธ ๋ฌธ์„œ๋ฅผ ์—ด์–ด ํšจ๊ณผ๋ฅผ ํ™•์ธํ•ด๋ณด์„ธ์š”: ์˜ˆ์‹œ ๋ฌธ์„œ; ๋˜ํ•œ ๋งˆํฌ๋‹ค์šด ๋ฌธ์„œ๋ฅผ ๋ธŒ๋ผ์šฐ์ €๋กœ ์ง์ ‘ ๋“œ๋ž˜๊ทธํ•˜์—ฌ ์‹œ๋„ํ•ด๋ณผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค!

์งˆ๋ฌธ์ด๋‚˜ ์ œ์•ˆ์ด ์žˆ์œผ๋ฉด ์–ธ์ œ๋“ ์ง€ ๋ง์”€ํ•ด์ฃผ์„ธ์š”.

์ง€์›์„ ๋‚˜ํƒ€๋‚ด๊ธฐ ์œ„ํ•ด ๋ณ„์„ ์ฃผ์‹œ๋Š” ๊ฒƒ๋„ ์ €์—๊ฒŒ ํฐ ๊ฒฉ๋ ค์ž…๋‹ˆ๋‹ค~!

๋ผ์ด์„ ์Šค

๋ผ์ด์„ ์Šค MIT

ยฉ 2018-present, Bener