ํผ๋๋ก ๋์๊ฐ๊ธฐ
Dev.toFrontend
์๋ฌธ ์ฝ๊ธฐ
Native PHP์ PWA ๊ธฐ๋ฐ์ ์ด๊ฒฝ๋ ํ์ ๋ฐ์๊ตญ ์ถ์ ์์คํ ๊ตฌํ
I Built OxyTrack: Turning Small Daily Habits Into Real Environmental Impact ๐ฑ
AI ์์ฝ
Context
๊ฐ๋ณ ์ฌ์ฉ์์ ์ผ์์ ํ๊ฒฝ ๋ณดํธ ํ๋์ ์ ๋์ ์ผ๋ก ์ธก์ ํ๋ ๋๊ตฌ์ ํ์์ฑ ๋๋. ๋ณต์กํ ๊ธ๋ก๋ฒ ์์คํ ๋์ ๊ฐ์ธ์ ๋ก์ปฌ ์ํฉํธ ์ธก์ ์ ์ง์คํ ๊ฒฝ๋ํ๋ ์ถ์ ํ๊ฒฝ ์๊ตฌ.
Technical Solution
- ๋น ๋ฅธ ๋ฐฐํฌ์ ๋ฎ์ ์ค๋ฒํค๋๋ฅผ ์ํด Framework ์์ด Native PHP๋ฅผ ์ฑํํ Backend ์ค๊ณ
- ํ๋ ๋ฐ์ดํฐ์ ์ ํ ์ ์ฅ์ ์ํด MySQL์ ํ์ฉํ ๋ฐ์ดํฐ ์์์ฑ ํ๋ณด
- ์ค์น ์์ด ์ฑ ๊ฒฝํ์ ์ ๊ณตํ๊ธฐ ์ํด manifest.json๊ณผ Service Worker๋ฅผ ์ ์ฉํ PWA ๊ตฌ์กฐ ์ค๊ณ
- ๋คํธ์ํฌ ์์กด์ฑ์ ๋ฎ์ถ๊ณ ์คํ๋ผ์ธ ์ ๊ทผ์ฑ์ ๋์ด๊ธฐ ์ํ Service Worker ๊ธฐ๋ฐ์ ์บ์ฑ ์ ๋ต ๋์
- ๊ฐ๋ฐ ๊ธฐ๊ฐ ๋จ์ถ๊ณผ ํต์ฌ ๊ธฐ๋ฅ ์ง์ค์ ์ํด Authentication์ ์ ์ธํ Single-user ๊ฒฝํ ์ค๊ณ
- ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ฐฐ์ ํ Lightweight CSS ๊ธฐ๋ฐ์ Mobile-first UI ๊ตฌํ
์ค์ฒ ํฌ์ธํธ
1. MVP ๋จ๊ณ์์ ๋ณต์กํ Framework ๋์ ์ Native Stack์ ํตํ ๋น ๋ฅธ ๊ฒ์ฆ ๊ณ ๋ ค
2. User Engagement๋ฅผ ๋์ด๊ธฐ ์ํ PWA์ ์ค์น ๊ฐ๋ฅ์ฑ ๋ฐ ์คํ๋ผ์ธ ๊ธฐ๋ฅ ๊ฒํ
3. ์ ํ๋ ๊ฐ๋ฐ ๊ธฐ๊ฐ ๋ด ํต์ฌ ๊ฐ์น ์ ๋ฌ์ ์ํ ๊ณผ๊ฐํ ๊ธฐ๋ฅ ๋ฒ์(Scope) ์ ํ ๋ฐ ๋จ์ํ ์ ๋ต ์๋ฆฝ