π± μλ°νλ¬ν
Frontend
μ§μ μμ μ μλ° λ°μ°¬ μ 보λ₯Ό κΈ°λ°μΌλ‘ λ§€λ¬Ό νμ, μμΉ κΈ°λ° μΆμ², μ₯λ°κ΅¬λ κ΄λ¦¬, κ²½λ‘ μλ΄, λ§μΆ€ν μΆμ² UI λ₯Ό μ 곡νλ μΉ μλΉμ€ μ
λλ€.
Reactμ SCSSλ₯Ό νμ©ν΄ μ¬μ©μ μΉνμ μΈ νλ©΄μ ꡬννμΌλ©°, μλΉμ€λ Vercel μ ν΅ν΄ λ°°ν¬λμμ΅λλ€.
React : UI λΌμ΄λΈλ¬λ¦¬
SCSS : μ€νμΌ κ΄λ¦¬
React Router DOM : λΌμ°ν
Axios : API μ°λ
Kakao Map API : μ§λ λ° κ²½λ‘ μκ°ν
Vercel : λ°°ν¬
π¦ public
β π fonts # μΉ ν°νΈ
π¦ src
β£ π api # λ°±μλ / AI μλ² μ°λ API
β£ π assets # μ΄λ―Έμ§, μμ΄μ½ λ± μ μ 리μμ€
β£ π components # κ³΅μ© UI μ»΄ν¬λνΈ
β£ π hooks # 컀μ€ν
ν
β£ π pages # μ£Όμ νλ©΄ λ¨μ νμ΄μ§
β£ App.js # λ£¨νΈ μ»΄ν¬λνΈ
β index.scss # μ μ μ€νμΌ
κΈ°λ³Έ μ ν / AI μΆμ²
μ₯λ°κ΅¬λμ λ©λ΄ λ΄κΈ°
π μμΉ κΈ°λ° λ§€λ¬Ό νμ
μ¬μ©μ μμΉ κΆν μμ²
λ°κ²½ λ΄ λ§€λ¬Ό λͺ©λ‘ λ° λ§μ»€ νμ
λ΄μ λ©λ΄ νμΈ, μλ μ‘°μ , μμ
μ΄μ‘ λ° ν μΈ κ³μ°
μμ½ λͺ¨λ¬ β μμ½ μλ£
ν½μ
μ½λ λ°κΈ
ν½μ
μ½λ κΈ°λ° μμ½ μ‘°ν
Kakao Map μ΅μ κ²½λ‘ νμ (Polyline, λ§μ»€)
λ°μ°¬ νμ©λ² μ 곡
λ μνΌ μΉ΄λ νμ UI
AI κΈ°λ° λ§μΆ€ μΆμ²
πΈ μ€ν¬λ¦°μ· & π¬ GIF
λ©μΈ νλ©΄ (πΈ)
λ©λ΄ μ ν (π¬)
AI μΆμ² (π¬)
μ§λμμ μ ν (π¬)
μ₯λ°κ΅¬λ (πΈ)
μ₯λ°κ΅¬λμμ μμ (π¬)
ν½μ
μ§λ (πΈ)
ν½μ
μ½λ (πΈ)
μλ°ν (π¬)
π μλ° νλ¬ν
λ°λ‘κ°κΈ°