์†Œ์Šค์ฝ”๋“œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์ด๋ฏธ์ง€๋กœ ์ถ”์ถœํ•˜๋Š” ๋ฐฉ๋ฒ• (Create images of your source code)

๋‚จ์–‘์ฃผ๊ฐœ๋ฐœ์ž

ยท

2020. 7. 7. 10:41

728x90
๋ฐ˜์‘ํ˜•

๐Ÿ–ผ๏ธ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์ด๋ฏธ์ง€๋กœ ์ถ”์ถœํ•˜๋Š” ๋ฐฉ๋ฒ•

์›น์‚ฌ์ดํŠธ๋ฅผ ๋Œ์•„๋‹ค๋‹ˆ๋‹ค ๋ณด๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด ์†Œ์Šค์ฝ”๋“œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์ด๋ฏธ์ง€ํ™”์‹œ์ผœ์„œ ๋ณด์—ฌ์ฃผ๋Š” ๊ธ€๋“ค์„ ๋ณธ ์ ์ด ์žˆ์„ ๊ฒ๋‹ˆ๋‹ค.

carbon ์ƒ˜ํ”Œ ์ด๋ฏธ์ง€

 

๋ฐ”๋กœ Carbon์ด๋ผ๋Š” ์‚ฌ์ดํŠธ์—์„œ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ์ด๋ฏธ์ง€ํ™”์‹œ์ผœ์„œ export๋ฅผ ํ•ด์„œ ์ƒ์„ฑํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

 

Carbon

Carbon is the easiest way to create and share beautiful images of your source code.

carbon.now.sh

ํ•ด๋‹น ์‚ฌ์ดํŠธ๋กœ ๋“ค์–ด๊ฐ€๋ฉด ์•„๋ž˜ ํ™”๋ฉด์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

carbon website

โœ๏ธ ์‚ฌ์šฉ๋ฐฉ๋ฒ•

์ขŒ์ธก๋ถ€ํ„ฐ ์›ํ•˜๋Š” ์—๋””ํ„ฐ ํ…Œ๋งˆ, ์‚ฌ์šฉํ•˜๋Š” ์–ธ์–ด ๊ทธ๋ฆฌ๊ณ  ๋งˆ์ง€๋ง‰์œผ๋กœ Export์—๋Š” ํŒŒ์ผ ์ด๋ฆ„๊ณผ ์‚ฌ์ด์ฆˆ ๊ทธ๋ฆฌ๊ณ  ๋‹ค์šด๋กœ๋“œ ํ˜•์‹์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์˜์—ญ์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ์ €๋Š” Dracula ํ…Œ๋งˆ๋ฅผ ์„ ํ˜ธํ•˜๊ณ  Vue๋‚˜ Javascript ๊ด€๋ จ ํฌ์ŠคํŒ…์„ ๋งŽ์ด ํ•˜๋Š” ๊ด€๊ณ„๋กœ ์–ธ์–ด ํƒ€์ž…์€ Vue์™€ Javascript๋ฅผ ๊ต‰์žฅํžˆ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ํŽธ์ž…๋‹ˆ๋‹ค.

 

Export์—์„œ ํŒŒ์ผ ์ด๋ฆ„ ๊ทธ๋ฆฌ๊ณ  ์‚ฌ์ด์ฆˆ๋ฅผ ์ง€์ •ํ•˜๊ณ  PNG๋กœ ๋‹ค์šด๋กœ๋“œํ•˜๋ฉด ์ƒ๋‹จ์˜ ์ด๋ฏธ์ง€์™€ ๊ฐ™์€ ๊ฒฐ๊ณผ์˜ ์ด๋ฏธ์ง€๋ฅผ ์ถ”์ถœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

๐ŸŽ ๊ฒฐ๊ณผ

์œ„ ๋‹จ๊ณ„๋ฅผ ๊ฑฐ์น˜๋ฉด ๊ต‰์žฅํžˆ ๊ฐ„๋‹จํ•˜๊ฒŒ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ์ด๋ฏธ์ง€๋กœ ์ถ”์ถœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์•ž์œผ๋กœ ๋ธ”๋กœ๊ทธ์— ํฌ์ŠคํŒ…ํ•  ๋•Œ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ์ด๋ ‡๊ฒŒ ๊น”๋”ํ•˜๊ฒŒ ์˜ฌ๋ฆฌ๊ณ  ์‹ถ์„ ๋•Œ ์• ์šฉํ•˜๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค!

๊ฒฐ๊ณผ๋ฌผ

 

728x90
๋ฐ˜์‘ํ˜•

๐Ÿ’– ์ €์ž์—๊ฒŒ ์•”ํ˜ธํ™”ํ๋กœ ํ›„์›ํ•˜๊ธฐ ๐Ÿ’–

์•„์ด์ฝ˜์„ ํด๋ฆญํ•˜๋ฉด ์ง€๊ฐ‘ ์ฃผ์†Œ๊ฐ€์ž๋™์œผ๋กœ ๋ณต์‚ฌ๋ฉ๋‹ˆ๋‹ค

0๊ฐœ์˜ ๋Œ“๊ธ€