Skip to content
@RoundPlay

RoundPlay

README.md

곡연 정보 지도 μ„œλΉ„μŠ€ (Performance Map)

🎢 곡연 정보λ₯Ό ν•œλˆˆμ—! μ§€λ„μ—μ„œ μ‰½κ²Œ μ°Ύμ•„λ³Ό 수 μžˆλŠ” μ›Ή μ„œλΉ„μŠ€ 🎢

이 ν”„λ‘œμ νŠΈλŠ” 곡연 정보λ₯Ό μ§€λ„μ—μ„œ μ‰½κ²Œ κ²€μƒ‰ν•˜κ³  확인할 수 μžˆλ„λ‘ κ΅¬μ„±λœ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μž…λ‹ˆλ‹€.
μ‚¬μš©μžλŠ” μ§€λ„μ—μ„œ 핀을 ν΄λ¦­ν•˜μ—¬ 곡연 정보λ₯Ό 확인할 수 있으며, 곡연 정보 등둝 및 리뷰 μž‘μ„± λ“±μ˜ κΈ°λŠ₯도 μ§€μ›ν•©λ‹ˆλ‹€.

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

πŸ“Œ λͺ©ν‘œ

βœ… 곡연 정보λ₯Ό μ§€λ„μ—μ„œ ν•œλˆˆμ— 쑰회
βœ… μ‚¬μš©μžκ°€ 곡연을 λ“±λ‘ν•˜κ³  관리 κ°€λŠ₯
βœ… ν”„λ‘ νŠΈμ—”λ“œμ™€ λ°±μ—”λ“œ APIλ₯Ό μ—°κ³„ν•˜μ—¬ 데이터 제곡

πŸ› οΈ 기술 μŠ€νƒ

Frontend: React, TypeScript, Axios, Tailwind CSS, React Router, React Query
Backend: Node.js, Express, MongoDB, Mongoose, JWT (둜그인)
Database: MongoDB Atlas
Cloud & Deployment: GitHub Actions, Render

πŸ“Œ ν”„λ‘œμ νŠΈ 진행 방식

πŸ—ΊοΈ λΉ λ₯Έ κ°œλ°œμ„ μœ„ν•œ ν”„λ‘œμ„ΈμŠ€

1️⃣ 아이디어 ꡬ상 (μ™„λ£Œ)
2️⃣ ν”„λ‘ νŠΈμ—”λ“œκ°€ UIλ₯Ό λΉ λ₯΄κ²Œ κ΅¬ν˜„
3️⃣ ν”„λ‘ νŠΈμ—”λ“œμ—μ„œ UI 기반으둜 API λͺ…μ„Έμ„œ μž‘μ„±
4️⃣ λ°±μ—”λ“œκ°€ API λͺ…μ„Έμ„œ 기반으둜 개발 진행
5️⃣ ν”„λ‘ νŠΈμ—”λ“œ & λ°±μ—”λ“œ μ—°κ²° 및 μ΅œμ ν™”

πŸ’‘ 일반적인 개발 ν”„λ‘œμ„ΈμŠ€μ—μ„œλŠ” ν”Όκ·Έλ§ˆ(Figma)둜 ν”„λ ˆμž„μ„ λ§Œλ“€κ³  API λͺ…μ„Έμ„œλ₯Ό ν•¨κ»˜ μž‘μ„±ν•œ ν›„ κ°œλ°œμ„ μ§„ν–‰ν•˜μ§€λ§Œ, 해컀톀 νŠΉμ„±μƒ UIλ₯Ό λ¨Όμ € κ°œλ°œν•˜λ©΄μ„œ API λͺ…μ„Έμ„œλ₯Ό λ™μ‹œμ— λ§Œλ“€κ³  μž‘μ—…μ„ λΉ λ₯΄κ²Œ μ§„ν–‰ν•©λ‹ˆλ‹€.

🎨 ν”„λ‘ νŠΈμ—”λ“œ 개발

πŸ“Œ μ£Όμš” κΈ°λŠ₯

βœ… 곡연 정보λ₯Ό 지도에 ν•€μœΌλ‘œ ν‘œμ‹œ
βœ… 곡연 상세 νŽ˜μ΄μ§€μ—μ„œ 정보 확인
βœ… 곡연 등둝 κΈ°λŠ₯
βœ… 곡연 μ’‹μ•„μš” 확인

πŸ“Œ UI λ””μžμΈ

Image Image Image Image

πŸ’Ύ λ°±μ—”λ“œ 개발

πŸ“Œ μ£Όμš” κΈ°λŠ₯

βœ… 곡연 데이터 CRUD (Create, Read, Update, Delete)
βœ… MongoDBμ—μ„œ 곡연 데이터 쑰회
βœ… μ‚¬μš©μž 둜그인 & 인증 (JWT 기반)
βœ… 곡연별 리뷰 μž‘μ„± κΈ°λŠ₯ μΆ”κ°€ μ˜ˆμ •

πŸ“‚ 폴더 ꡬ쑰

performance-map
β”œβ”€β”€ frontend/         # ν”„λ‘ νŠΈμ—”λ“œ (React)
β”‚   β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ public/
β”‚   β”œβ”€β”€ package.json
β”‚   β”œβ”€β”€ README.md
β”‚   └── ...
β”‚
β”œβ”€β”€ backend/          # λ°±μ—”λ“œ (Node.js + Express)
β”‚   β”œβ”€β”€ models/       # MongoDB λͺ¨λΈ
β”‚   β”œβ”€β”€ routes/       # API 라우트
β”‚   β”œβ”€β”€ controllers/  # λΉ„μ¦ˆλ‹ˆμŠ€ 둜직
β”‚   β”œβ”€β”€ config/       # ν™˜κ²½ λ³€μˆ˜ μ„€μ •
β”‚   β”œβ”€β”€ server.js
β”‚   β”œβ”€β”€ package.json
β”‚   β”œβ”€β”€ README.md
β”‚   └── ...
β”‚
└── README.md         # ν”„λ‘œμ νŠΈ μ„€λͺ…

Popular repositories Loading

  1. photo-Community photo-Community Public

    JavaScript

  2. performance-map-be performance-map-be Public

    JavaScript

  3. .github .github Public

Repositories

Showing 3 of 3 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…