IKKIM

πŸ›’ Shoppy

Shoppy 메인화면
Shoppy 메인화면
Shoppy λ°˜μ‘ν˜• 메인
Shoppy λ°˜μ‘ν˜• 메인
μž₯λ°”κ΅¬λ‹ˆ μΆ”κ°€ κΈ°λŠ₯
μž₯λ°”κ΅¬λ‹ˆ μΆ”κ°€ κΈ°λŠ₯
μž₯λ°”κ΅¬λ‹ˆ λͺ©λ‘ 확인
μž₯λ°”κ΅¬λ‹ˆ λͺ©λ‘ 확인
Admin 계정 둜그인 μ‹œ μ œν’ˆ μΆ”κ°€ λ²„νŠΌ λ…ΈμΆœ
Admin 계정 둜그인 μ‹œ μ œν’ˆ μΆ”κ°€ λ²„νŠΌ λ…ΈμΆœ
μ‹ μ œν’ˆ μΆ”κ°€ ν™”λ©΄
μ‹ μ œν’ˆ μΆ”κ°€ ν™”λ©΄
μΆ”κ°€λœ μ œν’ˆ 확인 ν™”λ©΄
μΆ”κ°€λœ μ œν’ˆ 확인 ν™”λ©΄

πŸ“Œ ν”„λ‘œμ νŠΈ κ°œμš”

  • React 기반의 μ‡Όν•‘λͺ° ν”„λ‘œμ νŠΈλ‘œ, μ‚¬μš©μžμ™€ κ΄€λ¦¬μž κΈ°λŠ₯을 λΆ„λ¦¬ν•˜μ—¬ 전체 μ‡Όν•‘ 흐름을 κ΅¬ν˜„ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
  • μƒν’ˆ 리슀트 쑰회, μž₯λ°”κ΅¬λ‹ˆ λ‹΄κΈ°, κ΄€λ¦¬μž μƒν’ˆ 등둝 λ“± μ‹€μ œ μ‡Όν•‘λͺ°κ³Ό μœ μ‚¬ν•œ κ²½ν—˜μ„ μ œκ³΅ν•©λ‹ˆλ‹€.
  • 일반 μ‚¬μš©μžλŠ” 둜그인 없이 μ œν’ˆ λͺ©λ‘κ³Ό 상세 정보λ₯Ό μ—΄λžŒν•  수 있으며,
    λ‘œκ·ΈμΈν•œ μ‚¬μš©μžλŠ” μž₯λ°”κ΅¬λ‹ˆμ— μƒν’ˆμ„ μΆ”κ°€ν•  수 있고 계정에 따라 μž₯λ°”κ΅¬λ‹ˆ μƒνƒœκ°€ μœ μ§€λ©λ‹ˆλ‹€.
  • κ΄€λ¦¬μž κ³„μ •μœΌλ‘œ λ‘œκ·ΈμΈν•˜λ©΄ β€˜μƒˆ μƒν’ˆ 좔가’ λ²„νŠΌμ΄ ν™œμ„±ν™”λ˜λ©°,
    μƒν’ˆ 등둝 νŽ˜μ΄μ§€λ₯Ό 톡해 μƒˆλ‘œμš΄ μ œν’ˆμ„ μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ§‘β€πŸ’» 기술 μŠ€νƒ 및 섀계

  • Frontend: React, Tailwind CSS
  • Routing: React Router (Protected Routes 포함)
  • μƒνƒœ 관리: Context API, Custom Hooks
  • λ°μ΄ν„°λ² μ΄μŠ€/인증: Firebase Authentication, Firebase Realtime Database
  • λ―Έλ””μ–΄ μ—…λ‘œλ“œ: Cloudinary API, Axios
  • 섀계 νŒ¨ν„΄: 관심사 뢄리 ꡬ쑰, μ»€μŠ€ν…€ ν›… 기반 μƒνƒœ 좔상화
  • 기타: .env ν™˜κ²½ λ³€μˆ˜ μ„€μ •, Netlify

πŸš€ ν”„λ‘œμ νŠΈ 링크