Tufte-css: ์ด์— ๋Œ€ํ•œ ๋งˆํฌ๋‹ค์šด?

์— ๋งŒ๋“  2015๋…„ 08์›” 06์ผ  ยท  21์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: edwardtufte/tufte-css

๋งˆํฌ๋‹ค์šด(์‚ฌ์šฉ์ž ์ •์˜ ์ฃผ์„ ํฌํ•จ)์„ ์ž…๋ ฅ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์ด ์•„๋ฆ„๋‹ต๊ณ  ์œ ์šฉํ•œ ํ˜•์‹์„ ์ถœ๋ ฅํ•˜๋Š” ์ „์ฒ˜๋ฆฌ๊ธฐ๊ฐ€ ์žˆ์œผ๋ฉด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

help wanted other applications

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋ฐฉ๊ธˆ Google์„ ํ†ตํ•ด ์ด ์Šค๋ ˆ๋“œ๋ฅผ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค.

๋งˆํฌ๋‹ค์šด์„ XSLT๋ฅผ ํ†ตํ•ด Tufte-CSS๋กœ ๋ณ€ํ™˜ํ•˜๋Š” xmark๋ฅผ ์‚ดํŽด๋ณด๊ณ  ์‹ถ์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  21 ๋Œ“๊ธ€

Pandoc์€ ๊ตฌ์ถ•ํ•  ํ…œํ”Œ๋ฆฟ ์„ ์ œ๊ณตํ•˜๋ฏ€๋กœ Tufte pandoc ํ…œํ”Œ๋ฆฟ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ๊ฐ„๋‹จํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@langford ๋Š” ๊ฒƒ์œผ๋กœ ๋‚˜ํƒ€๋‚ฌ์Šต๋‹ˆ๋‹ค. Markdown/Multi-Markdown์„ Tufte ์Šคํƒ€์ผ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์—ฌ๊ธฐ ๋‚ด ์˜๊ฒฌ์„ ์ฐธ์กฐ ํ•˜์„ธ์š” .

@xHN35RQ ๋ฅผ ์กฐ๊ธˆ $body$ ๋ฌธ์ž์—ด์ด ์ฃผ์–ด์ง€๊ณ  ๊ทธ ์•ž๋’ค์— ํ…์ŠคํŠธ๋ฅผ ๋„ฃ์„ ๊ฒƒ์œผ๋กœ ๊ฑฐ์˜ ์˜ˆ์ƒํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋งˆํฌ๋‹ค์šด์—์„œ ์ƒ์„ฑ๋œ ํ…์ŠคํŠธ๋ฅผ ์‹ค์ œ๋กœ ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ฃจ์•„์—์„œ ์“ธ ์ˆ˜ ์žˆ๋Š”(ํ• ๋ ๋ฃจ์•ผ) pandoc ์ปค์Šคํ…€ ๋ผ์ดํ„ฐ ๋ฅผ ์‚ฌ์šฉํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ์‚ฌ์ด๋“œ๋…ธํŠธ๋ฅผ ๊ตฌํ˜„ํ•˜๊ณ  article ํƒœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฒ ์–ด๋ณธ ์ปค์Šคํ…€ ๋ผ์ดํ„ฐ๋ฅผ ์ž‘์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค: gist ์ฐธ์กฐ . ์ œ๊ณต๋˜๋Š” ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ํฌํ•จํ•˜๋„๋ก tufte-css๋ฅผ ๊ณ„์† ์ž‘์„ฑํ•˜๋ฉด์„œ ์ด ๊ธฐ๋Šฅ์„ ํ™•์žฅํ•˜๊ธฐ๋ฅผ ํฌ๋งํ•ฉ๋‹ˆ๋‹ค.

(์™„์ „ํ•จ์„ ์œ„ํ•ด pandoc ๋งˆํฌ๋‹ค์šด์—์„œ tufte-css ์ง€์› HTML์„ ์™„์ „ํžˆ ์ƒ์„ฑํ•˜๋Š” ๋ฐ ๊ฒฐ๊ตญ ํ•„์š”ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์œผ๋กœ pandoc ํ•„ํ„ฐ ๋ฅผ ์–ธ๊ธ‰ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์•„๋งˆ๋„ ๋งค์šฐ ๊นŒ๋‹ค๋กœ์šด ์ž‘์—…์—๋งŒ ํ•ด๋‹น๋ฉ๋‹ˆ๋‹ค. ํ•„ํ„ฐ๋Š” AST๊ฐ€ ์‚ฌ์šฉ์ž ์ •์˜ ์ž‘์„ฑ์ž์—๊ฒŒ ์ œ๊ณต๋˜๊ธฐ ์ „์— AST๋ฅผ ์กฐ์ž‘ํ•ฉ๋‹ˆ๋‹ค. . tufte-css ์Šคํƒ€์ผ์˜ ์‚ฌ์ด๋“œ๋…ธํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ์˜ฌ๋ฐ”๋ฅธ ์œ„์น˜๋Š” ํ•„ํ„ฐ๊ฐ€ ์•„๋‹ˆ๋ผ ์‚ฌ์šฉ์ž ์ •์˜ ์ž‘์„ฑ๊ธฐ์˜€์Šต๋‹ˆ๋‹ค.)

@fasiha ์ž˜ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ์—ฌ๊ธฐ์—์„œ ์œ ๋งํ•œ ์‹œ์ž‘์„ ํ–ˆ์Šต๋‹ˆ๋‹ค. :+1:

Markdown์—์„œ tufte-css _sections_์™€ ๊ฐ™์ด ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํ•ญ๋ชฉ์ด ์—†๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๋‹จ๋ฝ๊ณผ ์ œ๋ชฉ์˜ ๊ทธ๋ฃนํ™”์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์„น์…˜์ด๋ผ๋Š” ์•„์ด๋””์–ด๊ฐ€ ๋งˆ์Œ์— ๋“ ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์„œ ๊ตฌ์„ฑ ์ˆ˜์ค€์ด ๋” ๋†’์•„์ง€๋ฉด ์•ž์œผ๋กœ ๋„์›€์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Markdown์—์„œ ์„น์…˜์„ ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ์˜ ์ œ์•ˆ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

@fasiha ์ œ๋ชฉ ์š”์†Œ์™€ ๋ชจ๋“  ๋‹จ๋ฝ ์š”์†Œ๋ฅผ ๋‹ค์Œ ์ œ๋ชฉ ์š”์†Œ๊นŒ์ง€ ๊ฐ€์ ธ์˜ค๋Š” ํ•„ํ„ฐ๋Š” ์–ด๋–ป์Šต๋‹ˆ๊นŒ? ๊ทธ๋Ÿฐ ๋‹ค์Œ ์ด๊ฒƒ์„ <section> (๋˜๋Š” ์ผ๋ถ€ ์‚ฌ์šฉ์ž ์ •์˜ <div> ) ํƒœ๊ทธ๋กœ ๊ฐ์‹ธ๊ณ  ์›ํ•˜๋Š” CSS๋ฅผ ์—ฌ๊ธฐ์— ์ ์šฉํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

@vyp์— ๋ฌด๊ฒŒ๋ฅผ ๋‹ฌ์•„์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. tufte-css ์ฒซ ํŽ˜์ด์ง€์—์„œ section ๋Š” ๋‘ ๊ฐœ ์ด์ƒ์˜ ์ œ๋ชฉ ๋˜๋Š” ์ œ๋ชฉ์ด ์—†๋Š” ๋‹จ๋ฝ์„ ์บก์ฒ˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฆ‰, ์ œ๋ชฉ ๋ฐ ๋‚ด์šฉ ์ปจํ…Œ์ด๋„ˆ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. ๋‚ด ๋ฌธ์„œ์—์„œ ์ง€๊ธˆ์€ <section> ๋ฅผ ์›์‹œ HTML๋กœ Markdown์— ํฌํ•จํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ ์›์‹œ HTML์„ ํ—ˆ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

@fasiha ์•„ ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค ๋งž์Šต๋‹ˆ๋‹ค. ์„น์…˜์€ "ํ…์ŠคํŠธ์™€ ์ œ๋ชฉ์˜ ๋…ผ๋ฆฌ์  ๊ทธ๋ฃนํ™”"๋กœ ์ •์˜๋˜๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ๋žŒ์˜ ์ž…๋ ฅ ์—†์ด ๋ฌธ์„œ์—์„œ ์„น์…˜์ด ์ •ํ™•ํžˆ ๋ฌด์—‡์ธ์ง€ ๊ฒฐ์ •ํ•˜๋Š” ๊ฒƒ์€ ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋ณ„ํ‘œ ๋˜๋Š” ๋ฐ‘์ค„๋กœ ๊ฐ•์กฐ). ๊ทธ๋ฆฌ๊ณ  ์˜ˆ, ๋งˆํฌ๋‹ค์šด ๋ง›์—์„œ ์ด๋Ÿฌํ•œ "์„น์…˜"์— ๋Œ€ํ•œ ๊ธฐ์กด ๊ตฌ๋ฌธ์„ ์•Œ์ง€ ๋ชปํ•˜๋ฏ€๋กœ ์ž˜ ์žก์Šต๋‹ˆ๋‹ค.

์›์‹œ <section> ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ด ๊ฒฝ์šฐ์— ๊ฐ€๋Šฅํ•œ ์ตœ์„ ์˜ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค(์ž์‹ ์˜ ๋งˆํฌ๋‹ค์šด๊ณผ ์œ ์‚ฌํ•œ ๊ตฌ๋ฌธ์„ ์ •์˜ํ•˜๊ณ  ์ด์— ๋Œ€ํ•œ ํŒŒ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ ์ œ์™ธ).


๊ฐˆ ๋˜ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์€ tufte๊ฐ€ "์„น์…˜ ์ œ๋ชฉ"์— ๋Œ€ํ•ด h2๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ๋งํ•˜๋Š” ์‚ฌ์‹ค์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ "์„น์…˜"์€ h2 ํƒœ๊ทธ ๋ฐ ๋‹ค์Œ h2 ํƒœ๊ทธ๊นŒ์ง€์˜ ๋ชจ๋“  ๊ฒƒ์œผ๋กœ ์ •์˜๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๊ฒƒ์ด tufte์˜ ์ €์ž๊ฐ€ ์˜๋„ํ•œ ๊ฒƒ์ธ์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

H2 ์š”์†Œ๋Š” ์„น์…˜ ๊ตฌ๋ถ„์˜ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์†Œ์Šค๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์ผ๋ถ€ ๋ฌธ์„œ๋Š” ๋Œ€์‹  "newthought" ๋ฒ”์œ„๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋‹ค๋ฅธ ๋ณ€ํ˜•์ด ์•ผ์ƒ์—์„œ ๋‚˜ํƒ€๋‚  ๊ฒƒ์ด๋ผ๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค.

2015๋…„ 8์›” 8์ผ 23:49์— vyp [email protected]์ด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ผ์Šต๋‹ˆ๋‹ค.

@fasiha ์•„ ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค ๋งž์Šต๋‹ˆ๋‹ค. ์„น์…˜์€ "ํ…์ŠคํŠธ์™€ ์ œ๋ชฉ์˜ ๋…ผ๋ฆฌ์  ๊ทธ๋ฃนํ™”"๋กœ ์ •์˜๋˜๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ๋žŒ์˜ ์ž…๋ ฅ ์—†์ด ๋ฌธ์„œ์—์„œ ์„น์…˜์ด ์ •ํ™•ํžˆ ๋ฌด์—‡์ธ์ง€ ๊ฒฐ์ •ํ•˜๋Š” ๊ฒƒ์€ ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋ณ„ํ‘œ ๋˜๋Š” ๋ฐ‘์ค„๋กœ ๊ฐ•์กฐ). ๊ทธ๋ฆฌ๊ณ  ์˜ˆ, ๋งˆํฌ๋‹ค์šด ๋ง›์—์„œ ์ด๋Ÿฌํ•œ "์„น์…˜"์— ๋Œ€ํ•œ ๊ธฐ์กด ๊ตฌ๋ฌธ์„ ์•Œ์ง€ ๋ชปํ•˜๋ฏ€๋กœ ์ž˜ ์žก์Šต๋‹ˆ๋‹ค.

์›์‹œ ์‚ฌ์šฉ

ํƒœ๊ทธ๋Š” ์ด ๊ฒฝ์šฐ์— ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค(์ž์‹ ์˜ ๋งˆํฌ๋‹ค์šด๊ณผ ์œ ์‚ฌํ•œ ๊ตฌ๋ฌธ์„ ์ •์˜ํ•˜๊ณ  ์ด์— ๋Œ€ํ•œ ํŒŒ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ ์ œ์™ธ).

๊ฐˆ ๋˜ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์€ tufte๊ฐ€ "์„น์…˜ ์ œ๋ชฉ"์— ๋Œ€ํ•ด h2๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ๋งํ•˜๋Š” ์‚ฌ์‹ค์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ "์„น์…˜"์€ h2 ํƒœ๊ทธ ๋ฐ ๋‹ค์Œ h2 ํƒœ๊ทธ๊นŒ์ง€์˜ ๋ชจ๋“  ๊ฒƒ์œผ๋กœ ์ •์˜๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๊ฒƒ์ด tufte์˜ ์ €์ž๊ฐ€ ์˜๋„ํ•œ ๊ฒƒ์ธ์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

โ€”
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ฑฐ๋‚˜ GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.

๋งˆํฌ๋‹ค์šด์— <section> ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์œผ๋ ค๋Š” ์‚ฌ๋žŒ์ด ์žˆ์œผ๋ฉด <hr> ์™€ ์œ ์‚ฌํ•œ ๊ตฌ๋ฌธ์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ์ด ์–ด๋ ต์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. <hr> ์˜ ๊ตฌ๋ฌธ์€ ๊ธฐ๋ณธ์ ์œผ๋กœ "ํ•œ ์ค„์— 3๊ฐœ ์ด์ƒ์˜ ํ•˜์ดํ”ˆ, ๋ณ„ํ‘œ ๋˜๋Š” ๋ฐ‘์ค„"์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด "์„น์…˜" ๊ฒฝ๊ณ„๋ฅผ "์„ธ ๊ฐœ ์ด์ƒ์˜ ๋“ฑํ˜ธ"(๋˜๋Š” ์›ํ•˜๋Š” ๋Œ€๋กœ)๋กœ ์ž„์˜๋กœ ์ •์˜ํ•œ ๋‹ค์Œ ํŒ๋… ํ•„ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด ๋‹จ๋ฝ์˜ ๊ฐ ์Œ ์‚ฌ์ด์˜ ๋ชจ๋“  ๊ฒƒ์„ ๋“ฑํ˜ธ๋กœ๋งŒ ๊ฐ์Œ€ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ด๊ฒƒ์ด ์ผ๋ฐ˜ ํ…์ŠคํŠธ๋กœ ์„น์…˜์„ ๋‚˜๋ˆ„๋Š” ๊ฒƒ์ด _look_ ์ข‹์•„ํ•  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๊ธฐ ๋•Œ๋ฌธ์— "๋“ฑํ˜ธ ๋ผ์ธ"๋งŒ์„ ์„ ํƒํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  pandoc ๋งˆํฌ๋‹ค์šด์€ ์ด๊ฒƒ์„ ๋‹จ๋ฝ์œผ๋กœ๋งŒ ๊ตฌ๋ฌธ ๋ถ„์„ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ•„ํ„ฐ๋Š” ๋“ฑํ˜ธ๋งŒ ์žˆ๋Š”์ง€ ์—†๋Š”์ง€ ๋ชจ๋“  ๋‹จ๋ฝ์„ ๊ฒ€์‚ฌํ•  ์ˆ˜ ์žˆ๊ณ  ๋“ฑํ˜ธ๋กœ๋งŒ ๊ตฌ์„ฑ๋œ ๊ฒฝ์šฐ ์ด๊ฒƒ์ด ์„น์…˜ ๊ตฌ๋ถ„์˜ ์ผ๋ถ€๋ผ๊ณ  ๊ฐ€์ •ํ•ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š” (์ด ์Šค๋ ˆ๋“œ๋ฅผ ์•Œ๋ ค์ค€ @daveliepmann ์—๊ฒŒ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค). ๋‹น์‹ ์€ ๋‚ด๊ฐ€ Tufte.css๋ฅผ ์‚ฌ์šฉํ–ˆ๊ณ (๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค) ๋งˆํฌ๋‹ค์šด, d3 ๋ฐ Tufte ๋ ˆ์ด์•„์›ƒ์„ ํ†ตํ•ฉํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•˜๋Š” ๋‚ด

reStructuredText๊ฐ€ Markdown๋ณด๋‹ค ์—ฌ๊ธฐ์— ํ•„์š”ํ•œ ์ฃผ์„ ์ข…๋ฅ˜์— ๋” ์ ํ•ฉํ• ๊นŒ์š”?

@coppeliaMLA glasseye ๋ฅผ ์–ธ๊ธ‰

@rbcarson ์ €๋Š” OP๊ฐ€ ์•„๋‹ˆ์ง€๋งŒ ์งˆ๋ฌธ์ด ์—ฌ๊ธฐ ์žˆ๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์„ ๋Œ€์ƒ์œผ๋กœ ํ•˜๊ณ  ์ œ ์˜๊ฒฌ์„ ์›ํ•˜์‹ ๋‹ค๋ฉด ์ €๋Š” ๊ฐœ์ธ์ ์œผ๋กœ ์žฌ๊ตฌ์„ฑ๋œ

๊ทธ๋ž˜์„œ ์ˆ˜๋…„์— ๊ฑธ์ณ "๋งˆํฌ๋‹ค์šด"์— ์ง‘์–ด๋„ฃ์„ ์ˆ˜ ์žˆ๋Š” ๋‹ค๋ฅธ ์œ ํ˜•์˜ ๊ตฌ๋ฌธ์ด ๋„ˆ๋ฌด ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. ๊ทธ ์š”์ ์€ ์ผ๋ฐ˜ ํ…์ŠคํŠธ ํ˜•์‹์œผ๋กœ ์ฝ์„ ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜ ํ…์ŠคํŠธ์—์„œ ์‚ฌ์ด๋“œ๋…ธํŠธ๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ์–ด๋–ป๊ฒŒ ์ „๋‹ฌํ•ฉ๋‹ˆ๊นŒ? ๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๋‚˜๋Š” pandoc์˜ ํ™•์žฅ๋œ ๋งˆํฌ๋‹ค์šด์ด ์ด์™€ ๊ด€๋ จํ•˜์—ฌ ์ •๋ง ์ข‹์€ ์ผ์„ ํ•ด๋ƒˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ์žฌ๊ตฌ์„ฑ๋œ ํ…์ŠคํŠธ์—๋Š” ํŠน์ • ์œ ํ˜•์˜ ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ๊ตฌ๋ฌธ(๋˜๋Š” ๋ฌด์—‡์ธ๊ฐ€?)์„ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋Š” ์ง€์‹œ๋ฌธ์ด๋‚˜ ๋ฌด์–ธ๊ฐ€๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๊ฒฝ์šฐ๋ผ๋ฉด, ์˜ˆ, ์žฌ๊ตฌ์„ฑ๋œ ํ…์ŠคํŠธ๊ฐ€ ์—ฌ๊ธฐ์—์„œ ๋” ์ ํ•ฉํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ง์”€๋“œ๋ฆฐ ๊ฒƒ์ฒ˜๋Ÿผ ์ €๋Š” ๊ฒฝํ—˜์ด ๋งŽ์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋” ์ด์ƒ ๋„์›€์„ ๋“œ๋ฆด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

restructuredText๋Š” ์ด๋ฏธ ๋งˆํฌ๋‹ค์šด์— ๋ฌธ์„œํ™”๋œ ํ”„๋กœ์ ํŠธ์ธ ๋‚ด ๋ชฉ์ ์—๋Š” ์“ธ๋ชจ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

2015๋…„ 8์›” 17์ผ ์˜ค์ „ 4์‹œ 24๋ถ„์— vyp [email protected]์ด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ผ์Šต๋‹ˆ๋‹ค.

@coppeliaMLA glasseye ๋ฅผ ์–ธ๊ธ‰

@rbcarson ์ €๋Š” OP๊ฐ€ ์•„๋‹ˆ์ง€๋งŒ ์งˆ๋ฌธ์ด ์—ฌ๊ธฐ ์žˆ๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์„ ๋Œ€์ƒ์œผ๋กœ ํ•˜๊ณ  ์ œ ์˜๊ฒฌ์„ ์›ํ•˜์‹ ๋‹ค๋ฉด ์ €๋Š” ๊ฐœ์ธ์ ์œผ๋กœ ์žฌ๊ตฌ์„ฑ๋œ

๊ทธ๋ž˜์„œ ์ˆ˜๋…„์— ๊ฑธ์ณ "๋งˆํฌ๋‹ค์šด"์— ์ง‘์–ด๋„ฃ์„ ์ˆ˜ ์žˆ๋Š” ๋‹ค๋ฅธ ์œ ํ˜•์˜ ๊ตฌ๋ฌธ์ด ๋„ˆ๋ฌด ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. ๊ทธ ์š”์ ์€ ์ผ๋ฐ˜ ํ…์ŠคํŠธ ํ˜•์‹์œผ๋กœ ์ฝ์„ ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜ ํ…์ŠคํŠธ์—์„œ ์‚ฌ์ด๋“œ๋…ธํŠธ๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ์–ด๋–ป๊ฒŒ ์ „๋‹ฌํ•ฉ๋‹ˆ๊นŒ? ๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๋‚˜๋Š” pandoc์˜ ํ™•์žฅ๋œ ๋งˆํฌ๋‹ค์šด์ด ์ด์™€ ๊ด€๋ จํ•˜์—ฌ ์ •๋ง ์ข‹์€ ์ผ์„ ํ•ด๋ƒˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ์žฌ๊ตฌ์„ฑ๋œ ํ…์ŠคํŠธ์—๋Š” ํŠน์ • ์œ ํ˜•์˜ ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ๊ตฌ๋ฌธ(๋˜๋Š” ๋ฌด์—‡์ธ๊ฐ€?)์„ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋Š” ์ง€์‹œ๋ฌธ์ด๋‚˜ ๋ฌด์–ธ๊ฐ€๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๊ฒฝ์šฐ๋ผ๋ฉด, ์˜ˆ, ์žฌ๊ตฌ์„ฑ๋œ ํ…์ŠคํŠธ๊ฐ€ ์—ฌ๊ธฐ์—์„œ ๋” ์ ํ•ฉํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ง์”€๋“œ๋ฆฐ ๊ฒƒ์ฒ˜๋Ÿผ ์ €๋Š” ๊ฒฝํ—˜์ด ๋งŽ์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋” ์ด์ƒ ๋„์›€์„ ๋“œ๋ฆด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

โ€”
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ฑฐ๋‚˜ GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.

@coppeliaMLA ๋งค์šฐ ํฅ๋ฏธ๋กญ์Šต๋‹ˆ๋‹ค!: pandoc์„ ์‚ฌ์šฉํ•˜์—ฌ ํŠน์ˆ˜ ํƒœ๊ทธ๊ฐ€ ์žˆ๋Š” HTML์„ ์ถœ๋ ฅํ•œ ๋‹ค์Œ ๋‘ ๋ฒˆ์งธ ๋‹จ๊ณ„๋กœ ๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋žจ์„ ์‚ฌ์šฉํ•˜์—ฌ ํŠน์ˆ˜ ํƒœ๊ทธ๋ฅผ Javascript ๋ฐ HTML๋กœ ํ™•์žฅํ•ฉ๋‹ˆ๋‹ค. ๋‚ด ์ ‘๊ทผ ๋ฐฉ์‹์€ BeautifulSoup ๊ตฌ๋ฌธ ๋ถ„์„ ๋Œ€์‹  Pandoc AST๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Lua์—์„œ ํšจ๊ณผ์ ์œผ๋กœ glasseye.py ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋Š” ํŠน์ˆ˜ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” Pandoc ์‚ฌ์šฉ์ž ์ง€์ • ์ž‘์„ฑ๊ธฐ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด์ง€๋งŒ glasseye๊ฐ€ ๊ธฐ๋ณธ์ ์œผ๋กœ ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋‚ด ๋ฌธ์„œ๋ฅผ glasseye-ifyํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•˜๊ณ  ๋ชจ๋“  ๋ฌธ์ œ์— ๋Œ€ํ•ด ๋ฆฌํฌ์ง€ํ† ๋ฆฌ์—์„œ ์•Œ๋ ค์ค„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. Pandoc ๋ผ์ดํ„ฐ์—์„œ ํ•˜๊ธฐ ํž˜๋“  ์ผ๋“ค์ด ํ›„์ฒ˜๋ฆฌ๊ฐ€ ๋” ์‰ฌ์šธ ์ˆ˜๋„ ์žˆ๊ณ  ๊ทธ ๋ฐ˜๋Œ€์ผ ์ˆ˜๋„ ์žˆ์ง€๋งŒ ์•Œ์•„๋‚ผ ์ˆ˜ ์žˆ๋Š” ์œ ์ผํ•œ ๋ฐฉ๋ฒ•์€ ๋งŽ์€ ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค :)

@fasiha ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋‹น์‹ ์˜ ๋ฐฉ์‹์ด ๋” ํšจ์œจ์ ์œผ๋กœ ๋“ค๋ฆฌ๊ณ  ๊ฒฐ๊ตญ์—๋Š” ๋‚ด๊ฐ€ ๊ทธ ๋ฐฉํ–ฅ์œผ๋กœ ๊ฐˆ ์ˆ˜๋„ ์žˆ์„ ๊ฒƒ ๊ฐ™์•„์š”. ๋น ๋ฅธ ํ”„๋กœํ† ํƒ€์ž…์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ํŒŒ์ด์ฌ์„ ์„ ํƒํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‹น์‹ ์ด ๋งํ–ˆ๋“ฏ์ด ๋งŽ์€ ๋ฌธ์„œ๋ฅผ ์‹คํ—˜ํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์„ ์—ฐ๋งˆํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ฐ€๋Šฅํ•œ ํ•œ ๋งŽ์€ ์ผ์ƒ ์—…๋ฌด์— ์‚ฌ์šฉํ•  ๊ณ„ํš์ž…๋‹ˆ๋‹ค. ๋‹น์‹ ์ด ๊ทธ๊ฒƒ์„ ์‹œ๋„ ํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ์ง„ํ–‰๋˜๋Š”์ง€ ๋“ฃ๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค!

#31 ๋ฐ #58 ์ฐธ์กฐ

๊ทธ๋งŒํ•œ ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. Markdown์—์„œ ์‚ฌ์ด๋“œ ๋…ธํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด tufte-pandoc-css ๋ฅผ ๋ชจ์•˜์Šต๋‹ˆ๋‹ค. pandoc-sidenote ๋ผ๋Š” ์‚ฌ์šฉ์ž ์ง€์ • Pandoc ํ•„ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

์ž‘๋™์„ ๋ณด๋ ค๋ฉด ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•˜์‹ญ์‹œ์˜ค.

@jez ์ฟจ! ๋‚˜๋Š” ์ด๊ฒƒ์„ ์†Œ์šฉ๋Œ์ด ์น˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ๋Š”์ง€ ๋ณผ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ Google์„ ํ†ตํ•ด ์ด ์Šค๋ ˆ๋“œ๋ฅผ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค.

๋งˆํฌ๋‹ค์šด์„ XSLT๋ฅผ ํ†ตํ•ด Tufte-CSS๋กœ ๋ณ€ํ™˜ํ•˜๋Š” xmark๋ฅผ ์‚ดํŽด๋ณด๊ณ  ์‹ถ์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

@vieiro ์™€์šฐ ๋ฉ‹์ง€๋„ค์š”. ๋ฉ‹์ง„ ์ž‘ํ’ˆ ๐Ÿ‘๐Ÿป

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

adamschwartz picture adamschwartz  ยท  16์ฝ”๋ฉ˜ํŠธ

daveliepmann picture daveliepmann  ยท  29์ฝ”๋ฉ˜ํŠธ

gamecubate picture gamecubate  ยท  10์ฝ”๋ฉ˜ํŠธ

Saturate picture Saturate  ยท  5์ฝ”๋ฉ˜ํŠธ

danielnixon picture danielnixon  ยท  3์ฝ”๋ฉ˜ํŠธ