์ƒˆํ•ด๐Ÿ—“๏ธ ์ƒˆ ํฌํŠธํด๋ฆฌ์˜ค๐ŸŒ ๋‹ค์‹œ๐Ÿ”์ƒˆ๋กœ์šด ์‹œ์ž‘โญ๏ธ

๋ฐœํ–‰: (2026๋…„ 1์›” 18์ผ ์˜ค์ „ 02:31 GMT+9)
4 ๋ถ„ ์†Œ์š”
์›๋ฌธ: Dev.to

Source: Dev.to

Introduction

์ด ์ œ์ถœ์€ Google AI๊ฐ€ ์ฃผ๊ด€ํ•˜๋Š” ์ƒˆํ•ด, ์ƒˆ๋กœ์šด ๋‹น์‹  ํฌํŠธํด๋ฆฌ์˜ค ์ฑŒ๋ฆฐ์ง€๋ฅผ ์œ„ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ €๋Š” ์—ด์ •์ ์ธ ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด์ด์ž ๋จธ์‹ ๋Ÿฌ๋‹ ์• ํ˜ธ๊ฐ€๋กœ, ํ˜„์žฌ Arrcus Networks์—์„œ SWE๋กœ ๊ทผ๋ฌดํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์ „์—๋Š” Zoho(์˜ค๋””์˜คโ€‘ML)์—์„œ ๊ธฐ์—ฌํ–ˆ์œผ๋ฉฐ, naas.ai์—์„œ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์ž ์ธํ„ด์‹ญ์„ ๋งˆ์ณค์Šต๋‹ˆ๋‹ค.

์ œ ๋ฐฐ๊ฒฝ์€ ๋ฐ์ดํ„ฐ ์‚ฌ์ด์–ธ์Šค, ๋„คํŠธ์›Œํ‚น, ํ’€โ€‘์Šคํƒ ๊ฐœ๋ฐœ์— ๊ฑธ์ณ ์žˆ์œผ๋ฉฐ, ์ง€๋Šฅํ˜• ์‹œ์Šคํ…œ๊ณผ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์„ ์ฆ๊น๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ์™€ ํ•ด์ปคํ†ค์„ ํ†ตํ•ด ์‹ค์šฉ์ ์ธ ๊ตฌํ˜„์„ ๊ฐ•์กฐํ•˜๋Š” ํ‰์ƒ ํ•™์Šต์ž์ด๋ฉฐ, ์—ฌ๊ฐ€ ์‹œ๊ฐ„์—๋Š” ์˜คํ”ˆโ€‘์†Œ์Šค์— ๊ธฐ์—ฌํ•˜๊ณ , ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ๋ฅผ ์ž‘์„ฑํ•˜๊ณ , ๋”ฅ๋Ÿฌ๋‹๊ณผ ์›น ๊ฐœ๋ฐœ์„ ํƒ๊ตฌํ•˜๋ฉฐ, ๋…์ผ์–ด๋ฅผ ๋ฐฐ์šฐ๊ณ , ๊ฐ€๋Šฅํ•œ ํ•œ ์ถ•๊ตฌ๋ฅผ ํ•ฉ๋‹ˆ๋‹ค.

Technologies Used

  • Next.js โ€“ ๋น ๋ฅด๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•œ React ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ์•ฑ ๊ตฌ์กฐํ™”
  • Antigravity โ€“ ๋ฐฑ์—”๋“œ ๋กœ์ง ๋ฐ ์—์ด์ „ํŠธ ์›Œํฌํ”Œ๋กœ ์˜ค์ผ€์ŠคํŠธ๋ ˆ์ด์…˜
  • Geminiโ€ฏ2.5 Flash (AI Studio) โ€“ ์‹ค์‹œ๊ฐ„ AI ์ถ”๋ก  ๋ฐ ์‘๋‹ต(LLM) ์ œ๊ณต
  • ElevenLabs Agent โ€“ ์ž์—ฐ์Šค๋Ÿฝ๊ณ  ํ‘œํ˜„๋ ฅ ์žˆ๋Š” ์Œ์„ฑ ์ธํ„ฐ๋ž™์…˜ ๊ตฌํ˜„
  • Google Cloud Run โ€“ ์„œ๋ฒ„๋ฆฌ์Šค ๋ฐฉ์‹์œผ๋กœ ์•ฑ ๋ฐฐํฌ ๋ฐ ํ™•์žฅ
  • Tailwindโ€ฏ+โ€ฏshadcn โ€“ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ๋กœ ๊น”๋”ํ•˜๊ณ  ํ˜„๋Œ€์ ์ธ UI ๋””์ž์ธ
  • Email.js โ€“ ์ตœ์†Œ ์„ค์ •์œผ๋กœ ์›ํ™œํ•œ ์—ฐ๋ฝ์ฒ˜ ํผ ํŽ˜์ด์ง€ ํ†ตํ•ฉ

Performance Metrics

  • Next.js ํ”„๋กœ๋•์…˜ ๋นŒ๋“œ์˜ ์—ฌ๋Ÿฌ ์š”์†Œ์—์„œ 100/100 Lighthouse Performance ๋‹ฌ์„ฑ
  • 0.3โ€ฏs First Contentful Paint (FCP) ๋ฐ 0.4โ€ฏs Largest Contentful Paint (LCP) ๊ธฐ๋ก, Core Web Vitals ๋ชฉํ‘œ ํฌ๊ฒŒ ์ดˆ๊ณผ
  • ๋ฉ”์ธ ์Šค๋ ˆ๋“œ ์ž‘์—…์ด ๊ฑฐ์˜ ์—†์–ด์„œ 0โ€ฏms Total Blocking Time ์œ ์ง€
  • Cumulative Layout Shift๋ฅผ 0.005 ์ดํ•˜๋กœ ์œ ์ง€ํ•˜์—ฌ ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ ๋ณด์žฅ
  • 100 SEO์™€ 96 Best Practices ์ ์ˆ˜ ํš๋“, ํ”„๋กœ๋•์…˜ ์ˆ˜์ค€ ํ‘œ์ค€ ์ถฉ์กฑ
  • ์ด๋ฏธ์ง€, JavaScript ํŽ˜์ด๋กœ๋“œ, ์บ์‹ฑ ์ตœ์ ํ™”๋ฅผ ํ†ตํ•ด ์ „์ฒด ์„ฑ๋Šฅ์„ 83 โ†’ 100์œผ๋กœ ํ–ฅ์ƒ
  • ์„œ๋ธŒโ€‘์ดˆ ๋กœ๋“œ ์‹œ๊ฐ„์„ ์œ ์ง€ํ•˜๋ฉด์„œ ์™„์ „ AI ๊ธฐ๋ฐ˜ ์•ฑ ์ œ๊ณต

Future Improvements

  • ์ ‘๊ทผ์„ฑ์„ ๊ฐ•ํ™”ํ•˜์—ฌ ์‚ฌ์ดํŠธ๊ฐ€ ๋ช‡ ์ดˆ์—์„œ 1๋ถ„ ์ •๋„๋งŒ ๋ด๋„ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋„๋ก ๋ณด์žฅ
  • ํ•ต์‹ฌ ์—ญ๋Ÿ‰๊ณผ ํ”„๋กœ์ ํŠธ๋ฅผ ๋” ์ž˜ ๋ฐ˜์˜ํ•˜๋„๋ก ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๊ฐœ์„ 
  • ๋ฐ๋ชจ ์˜์ƒ ๋ฐ ํ•ด์ปคํ†ค ์˜์ƒ์„ ๋ฆด/์‡ผํŠธ ํ˜•์‹์œผ๋กœ ํ†ตํ•ฉ
  • ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ์‹ ์„ ํ•˜๊ณ  ๋งค๋ ฅ์ ์œผ๋กœ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ง€์†์ ์œผ๋กœ ์ƒˆ๋กœ์šด ์ฝ˜ํ…์ธ ์™€ ๊ธฐ๋Šฅ ์ถ”๊ฐ€
Back to Blog

๊ด€๋ จ ๊ธ€

๋” ๋ณด๊ธฐ ยป

ํ”„๋กœ๋•์…˜โ€‘๋ ˆ๋”” ๋ฉ€ํ‹ฐโ€‘๋ฆฌ์ „ AWS ์•„ํ‚คํ…์ฒ˜(EKS) ์„ค๊ณ„ | CI/CD | ์นด๋‚˜๋ฆฌ ๋ฐฐํฌ | DR ํŽ˜์ผ์˜ค๋ฒ„

!Architecture Diagram https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p20jqk5gukphtqbsnftb.gif ์ €๋Š” ํ”„๋กœ๋•์…˜ ๊ธ‰ ๋ฉ€ํ‹ฐ ๋ฆฌ์ „ AWS ์•„ํ‚คํ…์ฒ˜๋ฅผ ์„ค๊ณ„ํ–ˆ์Šต๋‹ˆ๋‹ค.

AWS Bedrock Knowledge Base๋ฅผ ํ™œ์šฉํ•œ AI-enabled Slackbot ๋งŒ๋“ค๊ธฐ

์ง€๊ธˆ๊นŒ์ง€ ๋Œ€ํ˜• ์–ธ์–ด ๋ชจ๋ธ(Large Language Models, LLMs)์˜ ๊ฐ€์žฅ ๋‚ฎ์€ ๋งˆ์ฐฐ๊ณผ ๋†’์€ ROI๋ฅผ ๋ณด์ด๋Š” ์ ์šฉ ์‚ฌ๋ก€ ์ค‘ ํ•˜๋‚˜๋Š” ๋‚ด๋ถ€ AI ์–ด์‹œ์Šคํ„ดํŠธ์ž…๋‹ˆ๋‹ค. ๋„ค, AI๋Š” ๋ชจ๋“  ๊ฒƒ์ด โ€ฆ

๋‚˜๋Š” Claude Code, Cursor, Codex CLI, ๊ทธ๋ฆฌ๊ณ  Gemini CLI๋ฅผ ๋ฐฐ์šฐ๊ธฐ ์œ„ํ•œ ํฌ๊ด„์ ์ธ FREE ๊ต์œก ํ”Œ๋žซํผ์„ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค

๋‚ด์šฉ - 9๊ฐœ ์ปค๋ฆฌํ˜๋Ÿผ์— ๊ฑธ์นœ 220๊ฐœ ์ด์ƒ์˜ ๋ชจ๋“ˆ - ์„ค๋ช…์ด ํฌํ•จ๋œ 650๊ฐœ ์ด์ƒ์˜ ํ€ด์ฆˆ ์งˆ๋ฌธ - ํฌํ•จ ๋‚ด์šฉ: Claude Code, Cursor, Codex CLI, Gemini CLI, Copilot CLI, n8...