Memoryf
(디지털컨버전스) React & Spring 활용 자바(Java) 개발자 양성과정 (5)
Team 호믹스
이태훈(팀장) ,
김유림 ,
이정민 ,
이주원
| 개요 | 1. 프로젝트 기본 정보 프로젝트 이름 : Retrogram - 나를 기록하는 감성 공유 플랫폼 개발 기간 : 2025.12.01 ~ 2026.01.06 (약 1개월) 개발 인원 : 4명 (Front-End & Back-End) 프로젝트 목적 : "Insta"의 편리함 + "Cyworld"의 개인화된 감성을 결합하여 사용자에게 차별화된 소셜 경험을 제공 2. 프로젝트 목표 - 사용자 잔존율 (Retention Rate) 향상: BGM, 방명록 등의 감성 기능을 통해 플랫폼 체류 시간 증가 - 개인화된 미니홈피 구현: 사용자가 자신만의 '홈'을 꾸미고 관리하는 커스터마이징 기능을 제공 3. 프로젝트 차별성 이 프로젝트는 현재 인기 있는 소셜 미디어인 Instagram과 과거 인기를 누렸던 Cyworld의 핵심 기능을 결합하여 차별화된 "사용자 경험(UX)"을 제공 4. 프로젝트 기대 효과 1. 기술 (Engineering) - 실시간 통신 API 설계 경험 축적 (WebSocket 기반). 보안 관련 기술 적용 경험 (사용자 인증-JWT/OAuth2.0, SQL Injection/XSS 공격 방어 등) 2. 협업 (Collaboration) - Git/GitHub 기반의 체계적인 버전 관리 경험. 애자일(Agile) 방법론에 따른 팀 프로세스 및 소통 능력 향상 3. 프로세스 (Process) - "요구사항 정의 (RFP/기획)"부터 테스트까지 SW 개발 생애 주기 (SDLC) 전반에 대한 이해. 기능 명세화, 일정 관리 (간트 차트 등), 테스트 경험 4. 사업/사용자 (Business/User) - 1030 세대의 성향과 트렌드를 결합하여 틈새 시장 가능성을 검증하고, 차별화된 사용자 경험(UX)을 제공. |
|---|---|
| 구현기능 | *회원 세부 기능* [회원 관련 기능] - 회원가입 - 로그인/로그아웃 - ID/PW 찾기 - 마이페이지 내 정보 조회 내 정보 수정 회원 탈퇴 비밀번호 변경 내 댓글 조회 내 좋아요 조회 팔로우/팔로잉 조회 [홈피 관련 기능] - 상태메시지 작성 - 상태메시지 수정 - BGM 설정 - 팔로우/팔로잉 횟수 조회 - 방문자수 조회(전체/일 단위) - 비공개 설정 - 방문자 수 - 팔로우/팔로잉 수 - 계정 비공개 [방명록 관련 기능] - 방명록 목록 조회 - 방명록 좋아요/해제 - 방명록 작성 - 방명록 수정 - 방명록 삭제 [피드 관련 기능] - 피드 목록 조회 - 피드 상세 조회 좋아요 / 해제 댓글 목록 조회 댓글 작성 댓글 수정 댓글 삭제 신고 - 피드 검색 (태그 / 작성자) 필터링(지역별-지도) - 피드 작성 - 피드 수정 - 피드 삭제 [스토리 관련 기능] - 스토리 목록 조회 - 스토리 상세 조회 - 스토리 작성 - 스토리 삭제 [다이어리 관련 기능] - 다이어리 목록 조회 - 다이어리 상세 조회 - 다이어리 작성 - 다이어리 수정 - 다이어리 삭제 [결제 관련 기능] - BGM 목록 조회 - BGM 찜 - BGM 구매 [채팅 관련 기능] - 채팅방 목록 조회 - 대화내역 조회(수신) - 메시지 전송(발신) *관리자 세부 기능* [회원 관리 기능] - 회원 목록 조회 - 회원 상세 조회 - 회원 탈퇴 [결제 관리 기능] - 결제 목록 조회 - 결제 상세 조회 [통계 관리 기능] - 월별 회원 수 조회 - 월별 결제 건수 조회 - 월별 태그 검색순 조회 [상품 관리 기능] - BGM 추가 - BGM 수정 - BGM 삭제 [신고 관리 기능] - 신고된 피드 목록 조회 - 신고된 피드 상세 조회 - 신고된 피드 삭제 - 신고된 댓글 목록 조회 - 신고된 댓글 삭제 - 신고된 회원 목록 조회 - 신고된 회원 정지 |
| 설계의 주안점 | 1. 백엔드 아키텍처 Spring MVC 기반의 안정성과 확장성 확보 Java와 Spring Framework/MVC를 사용하여 모듈화된 구조를 설계하고, MyBatis를 통한 SQL 분리로 유지보수 용이 향상 2. 데이터베이스 데이터 무결성 및 성능 최적화 Oracle XE를 활용하여 방명록, 미니홈피 꾸미기 데이터 등 핵심 데이터의 정합성을 보장 ERD Cloud를 사용하여 데이터 모델링의 명확성을 확보 3. 프론트엔드UX/UI React 기반의 동적이고 반응적인 UI 구현 React의 컴포넌트 구조를 활용하여 Cyworld 감성과 Insta의 편리함을 모두 담는 SPA(Single Page Application) 환경을 구축 4. 개발 프로세스 애자일 방법론을 지원하는 환경 구축 STS와 VSCode를 사용하여 개발 환경을 통일하고, GitHub를 통해 버전 관리 및 이슈 트래킹을 수행하여 효율성 극대화 5. 커뮤니케이션 Slack을 핵심 협업 채널로 활용하여 프로젝트 진행 상황, 기술 공유, 문제 발생 시 신속한 의사소통을 보장 |
| 사용기술 및 개발환경 |
1. 기술 스택 - 프론트엔드 : React, CSS3, JavaScript, Bootstrap - 백엔드 : Java, Spring Framework, Spring MVC, MyBatis - 데이터베이스 : Oracle XE - 설계 : ERD Cloud, Use Case Diagram 2. 개발 환경 - Spring Tool Suit(STS), Visual Studio Code(VSCode) 3. 협업 도구 - GitHub, Slack |
이전글 | ShapeUp
다음글 | 푸딩(Foodding)
