์ฐฝ์์ ์ธ ํ๋ ์ด, ํ์ ์ ์ธ ๊ฐ๋ฐ โ Funny Flow, Happy Connect
์ํ์ปค๋ฎค๋์ผ์ด์ ์ ์บ์ฃผ์ผ ๊ฒ์, ์๋ํ ํฌ, ๊ทธ๋ฆฌ๊ณ AI ์์ ์ถ์ฒ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ฉฐ ๊ธฐ์ ๊ณผ ์ฌ๋ฏธ์ ๊ฒฝ๊ณ๋ฅผ ํ๋ฌด๋ ํ์ ์ ์ธ ์ํํธ์จ์ด๋ฅผ ๊ฐ๋ฐํฉ๋๋ค. ๋ณธ ํ๋ก์ ํธ๋ ์ํ์ปค๋ฎค๋์ผ์ด์ ์ ํ๋ฆฌ๋ฏธ์ ๋ธ๋๋ ์ด๋ฏธ์ง๋ฅผ ์ ๋ฌํ๊ธฐ ์ํด ์ต์ ์น ๊ธฐ์ ๊ณผ ๋์์ธ ํธ๋ ๋๋ฅผ ๊ฒฐํฉํ ๊ณต์ ๋จ์ผ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ (SPA)์ ๋๋ค.
- ๋ฌด์ค๋ ฅ ์ ๋๋ฉ์ด์ : ์ฌ์ฉ์์ ์์ ์ ์ฌ๋ก์ก๋ ๋ง์ฐ์ค ๋ฐ์ํ ๋ถ๋๋ฌ์ด ์ค๋ธ์ ํธ ๋ถ์ ํจ๊ณผ.
- Glassmorphism: ํ๋์ ์ด๊ณ ํฌ๋ช ํ ๋๋์ UI ๋ ์ด์์.
- ์บ์ฃผ์ผ & ์จ๋ผ์ธ ๊ฒ์: ์์ ์ํฐํ ์ธ๋จผํธ๋ฅผ ์ํ ํ์ ์ ์ธ ๋ณด๋๊ฒ์ ๊ฒฝํ.
- ๊ต์ก์ฉ ์ฑ ์๋ฃจ์ : ์ฌ๋ฏธ์ ๋ฐฐ์์ ํจ๊ณผ์ ์ผ๋ก ์ตํฉํ ์๋ํ ํฌ ์๋น์ค.
- AI ์์ ์ถ์ฒ: ์ฌ์ฉ์ ๋ฌด๋์ ๋ง์ถ ์ค๋งํธ ํ๋ ์ด์ ๋ฐ ์ ์ ์๋น์ค.
- AI-Powered Workflow: NotebookLM๋ถํฐ Cloudflare ๋ฐฐํฌ๊น์ง, AI ๋๊ตฌ๋ฅผ ํ์ฉํ 6๋จ๊ณ ์น ์๋น์ค ์ ์ ๊ฐ์ด๋ ์ ๊ณต.
- Google, OpenAI, Anthropic(Claude), Ollama ๋ฑ ๊ธ๋ก๋ฒ ํ ํฌ ๋ฆฌ๋๋ค๊ณผ์ ํํธ๋์ญ ์ผ์ผ์ด์ค.
- Foundation: Vanilla HTML5, CSS3, Modern JavaScript (ES6+)
- Design: CSS Variables, Grid/Flexbox Layout, Glassmorphism CSS
- Interactivity: Custom Scroll Reveal, Intersection Observer API
- AI Ops: Antigravity AI Configuration (Ollama & Gemini Hybrid)
WaffleComm/
โโโ asset/ # ์ด๋ฏธ์ง, ๋ก๊ณ , ํํธ๋ ๋ก๊ณ ๋ฑ ์์
โโโ study/ # AI ์น ๊ฐ๋ฐ ์คํฐ๋ ๊ด๋ จ ํ์ด์ง
โโโ index.html # ๋ฉ์ธ ์ํธ๋ฆฌ ํ์ด์ง
โโโ style.css # ํ๋ฆฌ๋ฏธ์ ๋์์ธ ์์คํ
๋ฐ ์คํ์ผ
โโโ script.js # ์ธํฐ๋์
๋ฐ ์ ๋๋ฉ์ด์
๋ก์ง
โโโ DESIGN.md # ๋์์ธ ๊ฐ์ด๋๋ผ์ธ ๋ฐ ์์คํ
๋ช
์ธ
โโโ README.md # ํ๋ก์ ํธ ๊ฐ์ ๋ฐ ๋งค๋ด์ผ
์๊ฒฉ ์๋ฒ๋ ๋น๋ ๊ณผ์ ์์ด ์ ์ ํ์ผ๋ก ๊ตฌ์ฑ๋์ด ์์ด ์ฆ์ ์คํ ๊ฐ๋ฅํฉ๋๋ค.
- ๋ณธ ์ ์ฅ์๋ฅผ ํด๋ก ํฉ๋๋ค.
git clone https://github.com/zeons/WaffleComm.git
index.htmlํ์ผ์ ๋ธ๋ผ์ฐ์ ์์ ์ฝ๋๋ค. (Live Server ํ์ฅ ํ๋ก๊ทธ๋จ ๊ถ์ฅ)
- Email: waffle.comm@gmail.com
- Location: ์์ธํน๋ณ์ ๊ฐ๋จ๊ตฌ ํ ํค๋๋ก 423, ํ๋ํ์ 2์ธต
ยฉ 2026 Waffle Communication. All rights reserved.