๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ

ยฉ 2026 Molayo

X์š”์•ฝ2026. 06. 21. 07:12

๐Ÿšจ Grok Build์˜ ํ˜์‹ ์ ์ธ ์—…๋ฐ์ดํŠธ: ํ„ฐ๋ฏธ๋„์—์„œ Mermaid Diagram์„ ์ง์ ‘ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค! ๐Ÿ“Š๐Ÿค–

์š”์•ฝ

xAI์˜ Grok Build๊ฐ€ ํ„ฐ๋ฏธ๋„ ๋‚ด์—์„œ Mermaid ๋‹ค์ด์–ด๊ทธ๋žจ๊ณผ LaTeX ์ˆ˜์‹์„ ์ง์ ‘ ๋ Œ๋”๋งํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์—…๋ฐ์ดํŠธํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๊ฐœ๋ฐœ์ž๋Š” ๋ฌธ๋งฅ ์ „ํ™˜ ์—†์ด ํ„ฐ๋ฏธ๋„ ํ™˜๊ฒฝ์—์„œ ์ฆ‰์‹œ ์•„ํ‚คํ…์ฒ˜๋ฅผ ์‹œ๊ฐํ™”ํ•˜๊ณ  ์„ค๊ณ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ต์‹ฌ ํฌ์ธํŠธ

  • ํ„ฐ๋ฏธ๋„ ๋‚ด Mermaid ๋‹ค์ด์–ด๊ทธ๋žจ(Flowchart, ER ๋“ฑ) ์ง์ ‘ ๋ Œ๋”๋ง ์ง€์›
  • ๋ฌธ๋งฅ ์ „ํ™˜(Context Switching)์„ ์ตœ์†Œํ™”ํ•˜์—ฌ ๊ฐœ๋ฐœ ์›Œํฌํ”Œ๋กœ์šฐ ์ตœ์ ํ™”
  • CJK(ํ•œ์ค‘์ผ) ๋ฌธ์ž ์ง€์› ๋ฐ PNG ๋‚ด๋ณด๋‚ด๊ธฐ ๊ธฐ๋Šฅ ๊ฐœ์„ 
  • LaTeX ์ˆ˜ํ•™ ๊ณต์‹ ๋ Œ๋”๋ง ๊ธฐ๋Šฅ ์ถ”๊ฐ€

grok์˜ ๊ณต์‹ ๋ฐœํ‘œ๋Š” xAI์˜ Grok Build์— ์ถ”๊ฐ€๋œ ๊ฐ€์žฅ ์‹ค์šฉ์ ์ด๊ณ  ๊ฐœ๋ฐœ์ž ์นœํ™”์ ์ธ ๊ธฐ๋Šฅ ์ค‘ ํ•˜๋‚˜๋ฅผ ๋ฐœํ‘œํ•ฉ๋‹ˆ๋‹ค: ์ด์ œ Mermaid diagram(flowchart, sequence, class, ER, state diagram ๋“ฑ)์ด ํ„ฐ๋ฏธ๋„ ๋‚ด์—์„œ ์ง์ ‘, ์•„๋ฆ„๋‹ต๊ณ  ์ฝ๊ธฐ ์‰ฌ์šด ์‹œ๊ฐ์  ์ž๋ฃŒ๋กœ ๋ Œ๋”๋ง๋ฉ๋‹ˆ๋‹ค!

์ด Diagram Rendering ๊ธฐ๋Šฅ์ด ์™œ ์ด๋ ‡๊ฒŒ ์ค‘์š”ํ•œ๊ฐ€์š”?

๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ๊ฐ€์žฅ ํฐ ์‹œ๊ฐ„ ์†Œ๋ชจ๋Š” ๋ฌธ๋งฅ ์ „ํ™˜(context switching)์ž…๋‹ˆ๋‹ค.
์ฝ”๋“œ๋ฅผ ์ž‘์„ฑ ์ค‘ โ†’ Mermaid diagram์ด ํ•„์š”ํ•จ โ†’ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์ผฌ โ†’ ์ฝ”๋“œ๋ฅผ ๋ถ™์—ฌ๋„ฃ์Œ โ†’ ๋ Œ๋”๋งํ•จ โ†’ ๋‹ค์‹œ ๋Œ์•„์˜ดโ€ฆ

์ด ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ๋•๋ถ„์—:

โœ… ํ๋ฆ„์ด ๋Š๊ธฐ์ง€ ์•Š์Šต๋‹ˆ๋‹ค
โœ… ๋น ๋ฅธ ๋ฐ˜๋ณต(iteration)์ด ๊ฐ€๋Šฅํ•ด์ง‘๋‹ˆ๋‹ค
โœ… ์•„ํ‚คํ…์ฒ˜ ๊ฒฐ์ • ์‚ฌํ•ญ์ด ์ฆ‰์‹œ ์‹œ๊ฐํ™”๋ฉ๋‹ˆ๋‹ค
โœ… ํŒ€ ๋‚ด ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์—์„œ diagram์„ ์ง์ ‘ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค
โœ… LaTeX / ์ˆ˜ํ•™ ๊ณต์‹๋„ ํ„ฐ๋ฏธ๋„์—์„œ ๋ Œ๋”๋งํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค (์—…๋ฐ์ดํŠธ์™€ ํ•จ๊ป˜)

Changelog๋ฅผ ์‚ดํŽด๋ณด๋ฉด xAI๊ฐ€ ์ด ๋ถ„์•ผ์—์„œ ๋งค์šฐ ๋น ๋ฅด๊ฒŒ ๋ฐœ์ „ํ•˜๊ณ  ์žˆ์Œ์„ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

โœ… Mermaid flowchart์˜ subgraph, edge crossing, self-loop ๊ฐœ์„ 
โœ… Class ๋ฐ ER diagram์˜ ์ •ํ™•ํ•œ UML ๋ฐ•์Šค ๊ตฌํ˜„
โœ… CJK (์ค‘๊ตญ์–ด, ์ผ๋ณธ์–ด, ํ•œ๊ตญ์–ด) ๋ฌธ์ž ์ง€์›
โœ… PNG export ๊ฐœ์„ 
โœ… ์ „๋ฐ˜์ ์ธ ํ„ฐ๋ฏธ๋„ ๋ Œ๋”๋ง ํ’ˆ์งˆ์˜ ๋Œ€ํญ ํ–ฅ์ƒ

์ด ๋ชจ๋“  ๊ฒƒ์ด ๋‹จ 1๊ฐœ์›” ๋งŒ์— ๋ฒ ํƒ€ ๋ฒ„์ „์—์„œ ์ด ์ˆ˜์ค€๊นŒ์ง€ ๋„๋‹ฌํ–ˆ์Šต๋‹ˆ๋‹ค. xAI์˜ ๋ฐ˜๋ณต(iteration) ์†๋„๋Š” ์ •๋ง ๋†€๋ž์Šต๋‹ˆ๋‹ค.

๋ˆ„๊ตฌ์—๊ฒŒ ์ด์ƒ์ ์ธ๊ฐ€์š”?

โœ… CLI/ํ„ฐ๋ฏธ๋„์„ ์„ ํ˜ธํ•˜๋Š” ๊ฐœ๋ฐœ์ž
โœ… ์•„ํ‚คํ…์ฒ˜ ๋“œ๋กœ์ž‰, ์‹œ์Šคํ…œ ์„ค๊ณ„, checkout flow, microservice diagram๊ณผ ๊ฐ™์€ ์‹œ๊ฐํ™”๋ฅผ ์ž์ฃผ ํ•˜๋Š” ๋ถ„๋“ค
โœ… ๋น ๋ฅธ ํ”„๋กœํ† ํƒ€์ดํ•‘๊ณผ ๋ฐ˜๋ณต(iteration)์„ ์ˆ˜ํ–‰ํ•˜๋Š” ํŒ€
โœ… "ํ•œ ๊ณณ์— ๋จธ๋ฌผ๊ณ  ์‹ถ๋‹ค"๊ณ  ์ƒ๊ฐํ•˜๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ

์ด ๊ธฐ๋Šฅ์ด ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜(developer experience)์„ ์–ผ๋งˆ๋‚˜ ๋ณ€ํ™”์‹œํ‚ฌ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜์‹œ๋‚˜์š”? ํ„ฐ๋ฏธ๋„์—์„œ diagram์„ ๋ Œ๋”๋งํ•˜๋Š” ๊ฒƒ์ด ์—ฌ๋Ÿฌ๋ถ„์˜ ์›Œํฌํ”Œ๋กœ์šฐ์— ์–ด๋–ค ์˜ํ–ฅ์„ ๋ฏธ์น ๊นŒ์š”? Grok Build์˜ ์ด๋Ÿฌํ•œ ๋น ๋ฅธ ์ง„ํ™”๋Š” ๊ณ„์†๋  ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. xAI์˜ "developer tools" ๋ถ„์•ผ์— ๋Œ€ํ•œ ์•ผ์‹ฌ์€ ๋‚˜๋‚ ์ด ๊ฐ•ํ•ด์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜์‹œ๋‚˜์š”? ์‚ฌ์šฉํ•ด ๋ณด์‹  ๋ถ„๋“ค์€ ์Šคํฌ๋ฆฐ์ƒท์ด๋‚˜ ๊ฒฝํ—˜์„ ๋Œ“๊ธ€๋กœ ๋‚จ๊ฒจ์ฃผ์„ธ์š”! ๐Ÿ”ฅ

AI ์ž๋™ ์ƒ์„ฑ ์ฝ˜ํ…์ธ 

๋ณธ ์ฝ˜ํ…์ธ ๋Š” X @kaan_alper (์ž๋™ ๋ฐœ๊ฒฌ)์˜ ์›๋ฌธ์„ AI๊ฐ€ ์ž๋™์œผ๋กœ ์š”์•ฝยท๋ฒˆ์—ญยท๋ถ„์„ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์› ์ €์ž‘๊ถŒ์€ ์›์ €์ž‘์ž์—๊ฒŒ ์žˆ์œผ๋ฉฐ, ์ •ํ™•ํ•œ ๋‚ด์šฉ์€ ๋ฐ˜๋“œ์‹œ ์›๋ฌธ์„ ํ™•์ธํ•ด ์ฃผ์„ธ์š”.

์›๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
0

๋Œ“๊ธ€

0