ํ”ผ๋“œ๋กœ ๋Œ์•„๊ฐ€๊ธฐ
I Built OxyTrack: Turning Small Daily Habits Into Real Environmental Impact ๐ŸŒฑ
Dev.toDev.to
Frontend

Native PHP์™€ PWA ๊ธฐ๋ฐ˜์˜ ์ดˆ๊ฒฝ๋Ÿ‰ ํƒ„์†Œ ๋ฐœ์ž๊ตญ ์ถ”์  ์‹œ์Šคํ…œ ๊ตฌํ˜„

I Built OxyTrack: Turning Small Daily Habits Into Real Environmental Impact ๐ŸŒฑ

Setiaji2026๋…„ 4์›” 19์ผ2๋ถ„beginner

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) ์ œํ•œ ๋ฐ ๋‹จ์ˆœํ™” ์ „๋žต ์ˆ˜๋ฆฝ

ํƒœ๊ทธ

#MySQL#PWA#Service Worker#Mobile-First#Native PHP
์›๋ฌธ ์ฝ๊ธฐ