μΆμ΅μ μκ°μκ° κΈ°λ‘νκ³ κ³΅μ νλ μμΉ κΈ°λ° μ¬μ§ SNS νλ«νΌ
πmomentory
Momentoryλ μ¬μ§μ ν΅ν΄ μΆμ΅μ κΈ°λ‘νκ³ , μ§μ κΈ°λ° μ€ν¬νλ₯Ό μμ§νλ©°, μΊλ¦ν°λ₯Ό μ±μ₯μν€λ μμ νλ«νΌμ λλ€. μ¬μ©μλ μ¬νμ§μμ μ°μ μ¬μ§μ μ λ‘λνκ³ , μ§μ μ€ν¬νμ λ¬Έν μ€ν¬νλ₯Ό μμ§νλ©°, ν¬μΈνΈλ₯Ό νλνμ¬ μΊλ¦ν°λ₯Ό κΎΈλ° μ μμ΅λλ€.
- React 19 + TypeScript + Vite
- Zustand - μ μ μν κ΄λ¦¬
- TanStack Query - μλ² μν κ΄λ¦¬
- React Router DOM - λΌμ°ν
- Tailwind CSS - μ€νμΌλ§
- Axios - API μμ²
- STOMP.js + SockJS - μ€μκ° ν΅μ
# μμ‘΄μ± μ€μΉ
pnpm install
# κ°λ° μλ² μ€ν
pnpm run devsrc/
βββ api/ # API μμ² ν¨μ
βββ assets/ # μ μ 리μμ€ (μ΄λ―Έμ§, ν°νΈ λ±)
βββ components/ # μ¬μ¬μ© κ°λ₯ν μ»΄ν¬λνΈ
βββ config/ # μ€μ νμΌ
βββ hooks/ # 컀μ€ν
React ν
βββ layouts/ # λ μ΄μμ μ»΄ν¬λνΈ
βββ lib/ # μΈλΆ λΌμ΄λΈλ¬λ¦¬ μ€μ
βββ pages/ # νμ΄μ§ μ»΄ν¬λνΈ
β βββ album-page/
β βββ Auth/
β βββ character-page/
β βββ community-page/
β βββ home-page/
β βββ map-page/
β βββ notification-page/
β βββ photo-edit-page/
β βββ photo-upload-page/
β βββ profile-page/
β βββ roulette-page/
β βββ settings-page/
β βββ share-page/
β βββ shop-page/
β βββ stamp-page/
β βββ travel-page/
βββ routes/ # λΌμ°ν
μ€μ
βββ stores/ # Zustand μν κ΄λ¦¬
βββ types/ # TypeScript νμ
μ μ
βββ utils/ # μ νΈλ¦¬ν° ν¨μ