Community

๐Ÿงฑ Next.js ๋ธ”๋กœ๊ทธ ๋งŒ๋“ค๊ธฐ (@next/mdx)

๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์ด ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ๋ฅผ ์šด์˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐฐ์šด ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜๊ฑฐ๋‚˜, ๋ฌธ์ œ ํ•ด๊ฒฐ ๊ณผ์ •์„ ๊ธฐ๋กํ•˜๊ฑฐ๋‚˜, ํฌํŠธํด๋ฆฌ์˜ค์ฒ˜๋Ÿผ ํ™œ์šฉํ•˜๊ธฐ๋„ ํ•˜์ฃ . ์š”์ฆ˜์€ ๊ฒ€์ƒ‰๋ณด๋‹ค AI์—๊ฒŒ ๋จผ์ € ์งˆ๋ฌธํ•˜๋Š” ์‹œ๋Œ€๋ผ '๋ธ”๋กœ๊ทธ๊ฐ€ ์—ฌ์ „ํžˆ ํ•„์š”ํ• ๊นŒ?' ํ•˜๋Š” ์ƒ๊ฐ์ด ๋“ค๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ๋ฌผ๋ก  AI๊ฐ€ ์ข‹์€ ๋‹ต์„ ๋‚ด์ฃผ๊ธด ํ•˜์ง€๋งŒ, ๊ทธ๊ฑด ์–ด๋””๊นŒ์ง€๋‚˜ ์ผ๋ฐ˜์ ์ธ ์ •๋‹ต์ผ ๋ฟ์ด๋”๋ผ๊ตฌ์š”. ์‹ค์ œ ํ”„๋กœ์ ํŠธ์—์„œ ๊ฒช๋Š” ๋ณต์žกํ•œ ์ƒํ™ฉ์ด๋‚˜ ์‹œํ–‰์ฐฉ์˜ค, ๋ฌธ์ œ ํ•ด๊ฒฐ ๊ณผ์ • ๊ฐ™์€ ๊ฑด ์•„์ง๊นŒ์ง€ AI๊ฐ€ ์ถฉ๋ถ„ํžˆ ๋‹ด์•„๋‚ด๊ธฐ ์–ด๋ ค์šด ๋ถ€๋ถ„์ด๋ผ๊ณ  ๋А๊ผˆ์Šต๋‹ˆ๋‹ค. ์˜คํžˆ๋ ค ์ด๋Ÿฐ ์ด์œ  ๋•Œ๋ฌธ์— ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง์ ‘ ์ž์‹ ์˜ ๊ฒฝํ—˜์„ ๊ธฐ๋ก์œผ๋กœ ๋‚จ๊ธฐ๋Š” ์ผ์ด ๋” ์ค‘์š”ํ•ด์ง€๊ณ  ์žˆ๋Š” ๊ฒƒ ๊ฐ™์•„์š”. ์ €๋„ ๊ทธ๋Ÿฐ ๊ธ€๋“ค์— ๋งŽ์€ ๋„์›€์„ ๋ฐ›์•„์™”๊ณ , ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ "๋‚˜๋„ ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ๊ธ€์„ ์จ๋ณด๊ณ  ์‹ถ๋‹ค"๋Š” ๋งˆ์Œ์ด ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋ฒจ๋กœ๊ทธ, ํ‹ฐ์Šคํ† ๋ฆฌ, ๋ฏธ๋””์—„ ๊ฐ™์€ ํ”Œ๋žซํผ๋“ค์„ ํ•˜๋‚˜์”ฉ ์จ๋ดค์Šต๋‹ˆ๋‹ค. ์ค€๋น„๋œ ํ…œํ”Œ๋ฆฟ ์œ„์— ๊ธ€๋งŒ ์˜ฌ๋ฆฌ๋ฉด ๋˜๋‹ˆ ์ฒ˜์Œ์—๋Š” ๊ฝค ํŽธํ•˜๊ณ  ๋งŒ์กฑ์Šค๋Ÿฌ์› ์–ด์š”. ํ•˜์ง€๋งŒ ๊ธ€์„ ๊ณ„์† ์“ฐ๋‹ค ๋ณด๋‹ˆ ์–ด๋”˜๊ฐ€ ์•„์‰ฌ์šด ๋ถ€๋ถ„๋“ค์ด ๋ˆˆ์— ๋“ค์–ด์˜ค๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ์—ด์‹ฌํžˆ ์“ด ๊ธ€์ธ๋ฐ๋„ ๊ฒฐ๊ณผ๋ฌผ์ด ์ƒ๊ฐ๋ณด๋‹ค ์˜ˆ์˜์ง€ ์•Š๊ฑฐ๋‚˜, ๋ฌ˜ํ•˜๊ฒŒ ํ—ˆ์ „ํ•ด ๋ณด์ด๋Š” ์ˆœ๊ฐ„๋“ค์ด ๋ฐ˜๋ณต๋˜๋”๋ผ๊ตฌ์š”. ๊ทธ๋Ÿฌ๋‹ค ๋ณด๋‹ˆ ๊ธ€์„ ์“ฐ๊ธฐ๋ณด๋‹ค ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์˜ ๋ธ”๋กœ๊ทธ๋ฅผ ๊ตฌ๊ฒฝํ•˜๊ฑฐ๋‚˜ ํ…œํ”Œ๋ฆฟ์„ ์ฐพ์•„๋ณด๋ฉด์„œ '์ด ํ…Œ๋งˆ๋กœ ์˜ฎ๊ฒจ๋ณผ๊นŒ?', '์ด ์‚ฌ๋žŒ ๋ธ”๋กœ๊ทธ ๊ตฌ์กฐ๋Š” ์–ด๋–ป๊ฒŒ ๋ผ ์žˆ์ง€?' ๊ฐ™์€ ๊ฑธ ๊ณ ๋ฏผํ•˜๋‹ค๊ฐ€, ์ •์ž‘ ๋‚ด๊ฐ€ ์“ฐ๋ ค๋˜ ๊ธ€์€ ํ•œ ์ค„๋„ ๋ชป ์“ฐ๊ณ  ํ•˜๋ฃจ๊ฐ€ ๋๋‚˜๋Š” ๋‚ ๋„ ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. ๐Ÿ˜‚ ๊ทธ๋ ‡๊ฒŒ ์‹œ๊ฐ„์„ ๋ณด๋‚ด๋‹ค ๋ณด๋‹ˆ ๊ฒฐ๊ตญ "๊ทธ๋ƒฅ ๋‚ด ๊ฑธ ์ง์ ‘ ๋งŒ๋“ค์–ด์•ผ๊ฒ ๋‹ค"๋Š” ๊ฒฐ๋ก ์— ๋„๋‹ฌํ–ˆ์Šต๋‹ˆ๋‹ค. ๋””์ž์ธ๋„ ๋‚ด ์ทจํ–ฅ๋Œ€๋กœ ๋ฐ”๊พธ๊ณ , ํ•„์š”ํ•œ ๊ธฐ๋Šฅ๋„ ๋งˆ์Œ๊ป ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ทธ๋Ÿฐ ๋ธ”๋กœ๊ทธ ๋ง์ด์ฃ . ๊ทธ๋ž˜์„œ ์˜ค๋Š˜์€ ์ด๋ ‡๊ฒŒ ์ง์ ‘ ๋งŒ๋“  ๋ธ”๋กœ๊ทธ๋ฅผ Next.js์™€ @next/mdx๋กœ ์–ด๋–ป๊ฒŒ ๊ตฌ์ถ•ํ–ˆ๋Š”์ง€ ์†Œ๊ฐœํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ใ…ค https://www.jonghwan.blog/nextjs-blog

์•Œ๋ฆผ

์•Œ๋ฆผ์ด ์—†์Šต๋‹ˆ๋‹ค