๐Ÿ’ฌ Chatbox Markdown Renderer

์ฑ—๋ด‡ UI๋ฅผ ์œ„ํ•œ ๋ฒ”์šฉ ๋งˆํฌ๋‹ค์šด ๋ Œ๋”๋ง ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

v1.0.0

โœจ ์ฃผ์š” ๊ธฐ๋Šฅ

๐Ÿš€ Vanilla JavaScript ์˜ˆ์ œ

๊ธฐ๋ณธ ๋ Œ๋”๋ง, ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์ฑ—๋ฐ•์Šค ์‹œ๋ฎฌ๋ ˆ์ด์…˜, ์ปค์Šคํ…€ ์ž…๋ ฅ, ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” 4๊ฐ€์ง€ ์ข…ํ•ฉ ๋ฐ๋ชจ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ˆœ์ˆ˜ JavaScript ํ”„๋กœ์ ํŠธ์— ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ’Ž jQuery ํ”Œ๋Ÿฌ๊ทธ์ธ ์˜ˆ์ œ

jQuery ํ”Œ๋Ÿฌ๊ทธ์ธ ๋ฌธ๋ฒ•, ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์ฑ—๋ด‡, ์ผ๊ด„ ๋ Œ๋”๋ง, ์ŠคํŠธ๋ฆฌ๋ฐ ํšจ๊ณผ, ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ๋ฅผ ํฌํ•จํ•œ 5๊ฐ€์ง€ ์ƒ์„ธ ๋ฐ๋ชจ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. jQuery ๊ธฐ๋ฐ˜ ํ”„๋กœ์ ํŠธ์— ์ด์ƒ์ ์ž…๋‹ˆ๋‹ค.

๐Ÿ“Š Mermaid ๋‹ค์ด์–ด๊ทธ๋žจ ์˜ˆ์ œ

๋งˆํฌ๋‹ค์šด์—์„œ Mermaid ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜์—ฌ UML ๋‹ค์ด์–ด๊ทธ๋žจ, ํ”Œ๋กœ์šฐ์ฐจํŠธ, ์‹œํ€€์Šค ๋‹ค์ด์–ด๊ทธ๋žจ, ํด๋ž˜์Šค ๋‹ค์ด์–ด๊ทธ๋žจ, ER ๋‹ค์ด์–ด๊ทธ๋žจ, ๊ฐ„ํŠธ ์ฐจํŠธ, ํŒŒ์ด ์ฐจํŠธ, ์ƒํƒœ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ’ฌ ์ฑ—๋ด‡ ์œ„์ ฏ ์˜ˆ์ œ

ํ”Œ๋กœํŒ… ๋ฒ„ํŠผ, ๋ถ€๋“œ๋Ÿฌ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜, iframe ํ†ตํ•ฉ, ์ŠคํŠธ๋ฆฌ๋ฐ ๋งˆํฌ๋‹ค์šด ์‘๋‹ต์„ ๊ฐ–์ถ˜ ์™„์ „ํ•œ ์ฑ—๋ด‡ ์œ„์ ฏ์œผ๋กœ ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ“š ๋ฌธ์„œ

API ๋ฌธ์„œ ์‚ฌ์šฉ ๊ฐ€์ด๋“œ ๋น ๋ฅธ ์‹œ์ž‘ ํ”„๋กœ์ ํŠธ ์š”์•ฝ

๋” ๋‚˜์€ ์ฑ—๋ด‡ ๊ฒฝํ—˜์„ ์œ„ํ•ด โค๏ธ ๋กœ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค

unified, remark, rehype๋กœ ์ œ์ž‘