🎶 oHo - 팬과 아티스트의 소통을 위한 커뮤니티 플랫폼

oHo는 팬과 아티스트가 자유롭게 소통하고, 굿즈를 구매하며, 공연을 예매하고, 방송을 시청할 수 있는 통합 팬 커뮤니티 플랫폼입니다.
Weverse, 인터파크, Weverse Shop 등을 벤치마킹하여 팬덤 기반 커뮤니티 + 전자결재 + 콘텐츠 유통이 결합된 All-in-One 서비스로 개발되었습니다.

---

📌 프로젝트 개요

• 프로젝트명: oHo (오호)
• 팀명: Team oHoT
• 기간: 2025.03 ~ 2025.05 (8주간)
• 환경: 전자정부 프레임워크 & React(AWS) 기반 풀스택 개발자 양성과정 3기
• 목표: 팬과 아티스트가 실시간으로 소통하고, 다양한 기능을 통합적으로 제공하는 차별화된 커뮤니티 플랫폼 구축

---

🧑‍💻 주요 기능

🗣️ 팬 커뮤니티 & 소통

• 팬과 아티스트가 게시글과 댓글로 소통
• 실시간 알림 및 DM 기능 (웹소켓 기반)
• 아티스트별 커뮤니티 구성 및 라이브 방송 시청

🛍️ 굿즈샵

• 아티스트별 굿즈 판매
• 앨범, 굿즈, 공연 관련 상품 통합 관리
• 관리자 페이지를 통한 상품 및 주문 관리

🎫 공연 예매

• 공연 정보 조회 및 예매
• 예매 충돌 방지를 위한 좌석 선점 로직
• 결제 미완료 시 예매 자동 초기화

📅 일정 관리

• FullCalendar 기반 드래그 앤 드롭 일정 관리
• 모달창을 통한 이벤트 수정 및 상세 확인

🧾 전자결재 시스템

• 관리자 업무 기안 및 결재 시스템
• 부서 일정 관리 및 문서함 기능 제공

📊 통계 & 대시보드

• 판매량, 매출 등 실시간 통계 시각화
• 신고/회원 통계, 콘텐츠 관리 기능

---

🧑‍🤝‍🧑 팀원 및 역할

이름	역할	담당 기능
오세인	PL	Spring Security, 프로젝트 일정 관리
정지홍	QA	굿즈샵, 결제 시스템
강지현	DA	공연 예매, 실시간 알림, DM
김영신	UA	전자결재, 회원관리
오정균	DA	팬/아티스트 커뮤니티 기능
이준영	AA	통계, 신고관리
홍두표	TA	미디어 관리, 라이브 방송, 채팅

---

⚙️ 기술 스택

• Frontend
  • JSP, HTML5, CSS3, JavaScript (ES6)
  • Bootstrap 5, Swiper.js, FullCalendar.js
• Backend
  • Java 11, Spring Framework, Spring Security, MyBatis
  • Oracle DB
• Infra
  • Apache Tomcat 9, WebSocket
  • AWS EC2, RDS, S3 (선택 적용 가능)
• 기타
  • Axios (비동기 요청), JSTL, Git

---

🗂️ 산출물 및 문서

• 요구사항 정의서, ERD, 화면 정의서, 유스케이스, 테이블 정의서 등
• 메뉴 구조도 (사용자 & 관리자)
• 프로세스 흐름도 및 프로젝트 수행 계획서

---

🌐 실행 방법

1. 저장소 클론

   git clone https://github.com/your-username/oHo.git