์ํด๐๏ธ ์ ํฌํธํด๋ฆฌ์ค๐ ๋ค์๐์๋ก์ด ์์โญ๏ธ
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๋ถ ์ ๋๋ง ๋ด๋ ์ฌ์ฉ ๊ฐ๋ฅํ๋๋ก ๋ณด์ฅ
- ํต์ฌ ์ญ๋๊ณผ ํ๋ก์ ํธ๋ฅผ ๋ ์ ๋ฐ์ํ๋๋ก ๋๋ฉ ํ์ด์ง ๊ฐ์
- ๋ฐ๋ชจ ์์ ๋ฐ ํด์ปคํค ์์์ ๋ฆด/์ผํธ ํ์์ผ๋ก ํตํฉ
- ํฌํธํด๋ฆฌ์ค๋ฅผ ์ ์ ํ๊ณ ๋งค๋ ฅ์ ์ผ๋ก ์ ์งํ๊ธฐ ์ํด ์ง์์ ์ผ๋ก ์๋ก์ด ์ฝํ ์ธ ์ ๊ธฐ๋ฅ ์ถ๊ฐ