μΈμ²λνκ΅ μ 보기μ λν νμλ€μ μν κ΅λ΄ SNS Β· νΈμ κΈ°λ₯ μλΉμ€
λΉ κ°μμ€ Β· κ°μλλ ν°μΌν
Β· μ΅λͺ
μ±ν
/ν¬ν κΈ°λ₯μ μ΄μ μ€μΈ μ€μλΉμ€μ
λλ€.
GitHub Β· Web Β· Google Play Β· App Store
β οΈ μλΉμ€λ νκ΅ μ΄λ©μΌλ‘λ§ λ‘κ·ΈμΈ κ°λ₯ν©λλ€.
CodINμ μΈμ²λνκ΅ μ 보기μ λν νμλ€μ μν SNS κΈ°λ° μλΉμ€μ
λλ€.
κ΅λ΄ 곡λͺ¨μ μμ μμνμ¬ νμ νΈμλ₯Ό μν κΈ°λ₯μ νμ₯νλ©° νμ¬ μ€μλΉμ€ μ΄μ μ€μ
λλ€.
- μ€μ¬μ©μ μ½ 200λͺ
- νμν κ°μλλ μ΄λ²€νΈλ₯Ό ν°μΌν κΈ°λ₯μΌλ‘ μ€μ μ΄μ
- νμ₯λ λ―Έν ν μ₯νκΈ μ§μ
- TypeScript
- Next.js
- Tailwind CSS
- Zustand
- SSE
- STOMP (WebSocket)
| κΈ°λ₯ | μ€λͺ |
|---|---|
| π λ‘κ·ΈμΈ | Google OAuth |
| π λ©μΈνλ©΄ | νμ¬ μΌμ , λΉ κ°μμ€ νν©, μΈκΈ° κ²μλ¬Ό |
| π« κ°μλλ ν°μΌν | μ μ°©μ λ°°λΆ μμ€ν |
| π κ΄λ¦¬μ νλ©΄ | μλ Ή μ¬λΆ λ³κ²½, μλ Ήμ Excel λ€μ΄λ‘λ |
| βοΈ μ΅λͺ μ±ν | STOMP κΈ°λ° μ€μκ° μ±ν |
| π³οΈ μ΅λͺ ν¬ν | ν¬ν μμ±/μ°Έμ¬/κ²°κ³Ό νμΈ |
| π κ΅κ³Όλͺ© κ²μ | νμ λ° λ¦¬λ·° κΈ°λ° μΆμ² |
λ‘κ·ΈμΈ, ν°μΌν , μ΅λͺ μ±ν , μ΅λͺ ν¬ν, λ§μ΄νμ΄μ§λ₯Ό λ§‘μ κ°λ°νμμ΅λλ€.
Next.js κΈ°λ° νλ‘ νΈμλ + API μλ² μ°λ
μ€μκ° κΈ°λ₯: SSE, STOMP(WebSocket)
- κ°μλλ μ΄λ²€νΈ μ€ν μ§ν 100κ° μ€ μ½ 80κ°κ° 5μ΄ λ΄ μμ§
- ν°μΌν κΈ°λ₯μ λν νμ/νμν κΈμ νΌλλ°± ν보
- μ€μ μ¬μ©μ μ½ 200λͺ ν보
- μ€μλΉμ€ μ΄μ κ²½ν
- STOMP κΈ°λ° μ€μκ° μλ¦Ό λ° μ½μ μ²λ¦¬ ꡬν κ²½ν
- μ€μ μ¬μ©μ νκ²½μμ ν μ€νΈμ μ€μμ± μ²΄κ°
- νμ λ³λ μ λ¬Έμνμ μ€μμ± μΈμ
- SSRμ κ³ λ €ν΄ Next.js μ ν β μΆν SSR λ§μ΄κ·Έλ μ΄μ μμ
- Next.js κΈ°λ° νλ‘ νΈμλ κΈ°λ₯ κ°λ°
- ν°μΌν κΈ°λ₯ λ° μν κ΄λ¦¬(Zustand) ꡬν
- μ€μκ° κΈ°λ₯(STOMP) μ°λ
- λ‘κ·ΈμΈ λ° λ¦¬λ€μ΄λ νΈ λ‘μ§ κ°μ
