๐ Tech Stack
- FastAPI (Python 3)
- BeautifulSoup4
- OpenAI API (GPT-4o-mini)
- Google GenAI (Gemini-2.5)
- Hugging Face (Llama-3.1)
- html2canvas (Image Export)
๐ง ์ด๋ป๊ฒ ๋ง๋ค์๋
๋จ์ํ ๋ฒ์ญ๊ธฐ๋ฅผ ๋์ด, ์ค์ ์๋น์ค ํ๊ฒฝ์์๋ ์์ ์ ์ผ๋ก ๋์ํ๋ ๊ณ ๊ฐ์ฉ์ฑ(High Availability) ์ํคํ ์ฒ์ ์ฌ์ฉ์ ์นํ์ ์ธ UI๋ฅผ ๊ฒฐํฉํ ํ๋ฆฌ๋ฏธ์ ๋ด์ค ์์ฝ ์๋น์ค์ ๋๋ค.
1. 3์ค AI ํญํฌ์(Waterfall) ํด๋ฐฑ ์์คํ
์๋ฒ ๊ณผ๋ถํ๋ก ์ธํด ๋จ์ผ AI ๋ชจ๋ธ์ด ์๋ตํ์ง ๋ชปํ ๊ฒฝ์ฐ๋ฅผ ๋๋นํด ๋ฐฑ์๋์ ๋ค์ค ์ฐํ ๋ก์ง์ ๊ตฌํํ์ต๋๋ค. OpenAI (GPT-4o-mini)๊ฐ ์คํจํ๋ฉด ์ฆ์ Google Gemini (2.5-Flash)๋ก, ๊ทธ๊ฒ๋ง์ ์คํจํ๋ฉด Hugging Face (Llama-3.1-8B)๋ก ์์ฒญ์ ๋๊ฒจ ์ฌ์ฉ์๋ ์๋ฌ๋ฅผ ๋์น์ฑ์ง ๋ชปํ๊ณ ๋ฌด์กฐ๊ฑด ๊ฒฐ๊ณผ๋ฌผ์ ๋ฐ์ ์ ์๋๋ก ์ค๊ณํ์ต๋๋ค.
2. ํ๋กฌํํธ ์์ง๋์ด๋ง์ ํตํ ํต์ฌ ํค์๋ ์ถ์ถ
๋จ์ ์ ๊ท์์ ํตํ ๋ฌด์๋ฏธํ ๋จ์ด ๋น๋์ ์ถ์ถ ๋ฐฉ์์ ๋ฒ๋ฆฌ๊ณ , AI ํ๋กฌํํธ์ 'ํด์ํ๊ทธ ์์ฑ ์ง์นจ'์ ์ฃผ์ ํ์ต๋๋ค. ๊ธฐ์ฌ์ ๋ฌธ๋งฅ๊ณผ ๊ณ ์ ๋ช ์ฌ๋ฅผ ์๋ฒฝํ ์ดํดํ AI๊ฐ ๋ฝ์๋ธ ํ๊ทธ๋ฅผ ์๋ฒ๊ฐ ๋ถ๋ฆฌํ์ฌ ํ๋ก ํธ์๋์ ๊น๋ํ ๋ฑ์ง ํํ๋ก ์ ๋ฌํฉ๋๋ค.
3. 5๊ฐ์ง ํ๋ก ํธ์๋ ํ๋ฆฌ๋ฏธ์ ๊ธฐ๋ฅ
์์ HTML/JS๋ฅผ ํ์ฉํด ๋ถ๊ฐ์ ์ธ ์๋ฒ ๋ถํ ์์ด ํด๋ผ์ด์ธํธ ๋จ์์ โ ๋คํฌ๋ชจ๋ ํ ๊ธ, โก Web Speech API๋ฅผ ํ์ฉํ ๋ด์ค ์์ฑ ์ฝ๊ธฐ(TTS), โข html2canvas๋ฅผ ํ์ฉํ ์์ฝ๋ณธ ์ด๋ฏธ์ง ์ ์ฅ, โฃ LocalStorage๋ฅผ ์ด์ฉํ ๋๋ง์ ์คํฌ๋ฉ๋ถ ๊ธฐ๋ฅ์ ๊ตฌํํ์ฌ ์ค์ ์์ฉ ์๋น์ค ์์ค์ ์ฌ์ฉ์ฑ์ ํ๋ณดํ์ต๋๋ค.
๐ฌ ์ด ํ๋ก์ ํธ ์ด๋ ์ธ์?
GitHub ๊ณ์ ์ผ๋ก ๋ก๊ทธ์ธํ๋ฉด ๋๊ธ์ด ๋ณธ์ธ ๋ฆฌํฌ์ GitHub Discussions์ ์๋ ์ ์ฅ๋ฉ๋๋ค.