Gemini์ Imagen ๊ธฐ๋ฐ์ ๋ฉํฐ๋ชจ๋ฌ ์์ฑ ํ์ดํ๋ผ์ธ์ ํตํ MascotCraft Studio ๊ตฌ์ถ
I Built a Coding Mascot Generator with Google AI Studio โ Meet Octo-Byte! ๐
AI ์์ฝ
Context
๋จ์ ํ ์คํธ ๊ธฐ๋ฐ์ ๋ง์ค์ฝํธ ์์ฑ ์์ฒญ์ ๋์ด ์๊ฐ์ ์ ์ฒด์ฑ๊ณผ ์ฑ๊ฒฉ ์ค์ ์ ๋์์ ์ฒ๋ฆฌํด์ผ ํ๋ ๋ณตํฉ ์๊ตฌ์ฌํญ ๋ฐ์. ์ฌ์ฉ์ ์ ์ ํค์๋์ ์ฌ์ ์ ์๋ ์คํ์ผ์ ์ ๊ฒฐํฉํ ์ผ๊ด์ฑ ์๋ ์บ๋ฆญํฐ ์์ฑ ๊ตฌ์กฐ ํ์.
Technical Solution
- Gemini Pro๋ฅผ ํตํ ํ๋ฅด์๋ ์ค๊ณ ๋ฐ ์ด๋ฆ, ๋ฐ์ด์ค ์์ฑ ๋ก์ง ๊ตฌํ
- Imagen ๋ชจ๋ธ์ ์ฐ๋ํ์ฌ ์คํ์ผ ํค์๋ ๊ธฐ๋ฐ์ ๊ณ ํด์๋ ์๊ฐ ๋ฐ์ดํฐ ์์ฑ
- 3D Chibi Toy, Minimal Vector ๋ฑ ๋ ๋๋ง ์คํ์ผ ์ต์ ์ ์ ๊ณตํ๋ Prompt Engineering ์ฒด๊ณ ๊ตฌ์ถ
- ์ฌ์ฉ์ ๊ฒฝํ ํฅ์์ ์ํ Character Designer ํ๋ฆฌ์ ๋ฐ ์ปฌ๋ฌ ํ๋ ํธ ์ ํ ๊ธฐ๋ฅ ์ค๊ณ
- localStorage๋ฅผ ํ์ฉํ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ฐ์ดํฐ ์์์ฑ ํ๋ณด ๋ฐ Gallery Showcase ๊ตฌํ
- Google Cloud Run ๊ธฐ๋ฐ์ ์๋ฒ๋ฆฌ์ค ๋ฐฐํฌ๋ฅผ ํตํ ๋น ๋ฅธ ํ๋กํ ํ์ดํ ๋ฐ ์๋น์ค ๋ฐ์นญ
์ค์ฒ ํฌ์ธํธ
1. LLM์ ์ถ๋ก ๋ฅ๋ ฅ์ ํ์ฉํ์ฌ ๊ธฐ๋ณธ ์๊ตฌ์ฌํญ ์ด์์ UI/UX ์์(ํ๋ฆฌ์ , ๊ฐค๋ฌ๋ฆฌ ๋ฑ)๋ฅผ ํ์ฅ ์ค๊ณํ ๊ฒ
2. ํ ์คํธ ์์ฑ(Gemini)๊ณผ ์ด๋ฏธ์ง ์์ฑ(Imagen) ๋ชจ๋ธ์ ๋ถ๋ฆฌํ์ฌ ๊ฐ๊ฐ์ ํน์ฑ์ ๋ง๋ ํ๋กฌํํธ๋ฅผ ์ต์ ํํ ๊ฒ
3. ์ด๊ธฐ ํ๋กํ ํ์ ๋จ๊ณ์์๋ localStorage์ ๊ฐ์ ๊ฒฝ๋ ์ ์ฅ์๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ ์ ์ฅ ๋น์ฉ๊ณผ ๋ณต์ก๋๋ฅผ ์ต์ํํ ๊ฒ