1 of 35

"야구로 시작되는 특별한 만남(BaseBall Mate)"

팀 :

멘토 :

PITCHING MATE(3팀)

야구 직관 메이트 매칭

박상우 (BE) 유승완 (FE)

K-Digital Training

(주) 그렙

Catch Mi

2 of 35

2

BE 팀원 소개

야구 직관 메이트 서비스 CATCH Mi

00

협업

가장 중요합니다.

"우리 팀은 열린 소통과 상호 존중을 바탕으로 한 협업을 통해 프로젝트의 품질을 높였습니다. �팀원들은 서로의 의견을 경청하고 적극적으로 피드백을 주고받으며, 각자의 역량을 최대한 발휘할 수 있는 환경을 만들었습니다."

팀장

안녕하세요,

이주찬입니다.

저는 서비스에서 경기정보 관련

기능을 제공해드리고 있습니다

PM

안녕하세요,

정원주입니다.

저는 서비스에서 회원 및 팔로우 관련 기능을 제공해드리고 있습니다

팀원

안녕하세요,

안홍제입니다.

저는 서비스에서 굿즈거래 관련

기능을 제공해드리고 있습니다

팀원

안녕하세요,

양소희입니다.

저는 서비스에서 메이트 매칭 관련

기능을 제공해드리고 있습니다

3 of 35

3

FE 팀원 소개

야구 직관 메이트 서비스 CATCH Mi

00

분위기

좋은 코드를 만든다

"우리 팀은 긍정적이고 활기찬 분위기를 조성하기 위해 노력합니다. 업무 중 발생하는 어려움에도 서로를 격려하고 지지하며, 신뢰가 바탕이 된 성숙한 팀 문화를 만들어가고 있습니다."

팀원

안녕하세요,

추원호입니다.

저는 서비스에서 굿즈 리스트 페이지, 프로필 페이지 등을 맡고 있습니다

팀원

안녕하세요,

이동인입니다.

저는 서비스에서 메인 페이지, 메이트 리스트 페이지 등을 맡고 있습니다

팀장

안녕하세요,

이준희입니다.

저는 서비스에서 프로젝트 프론트엔드 기술 총괄을 맡고 있습니다

4 of 35

INDEX

01. 프로젝트 개요

02. 프로젝트 팀 구성 및 역할

03. 프로젝트 수행 절차 및 방법

04. 프로젝트 수행 경과

05. 자체 평가의견

5 of 35

프로젝트 개요

야구 직관 메이트 서비스 CATCH Mi

6 of 35

6

프로젝트 개요

01

서비스 소개

서비스 선정 배경

기존 서비스 – 차별화 전략

프로젝트 주제 및 선정

02

서비스 핵심 기능 및 구현

프로젝트 구현 기능 및 내용

03

개발환경 및 ERD

개발환경 및 프로젝트 구조

04

서비스 기대효과

활용방안 및 기대효과

7 of 35

7

서비스 소개

01

본 서비스는 �경기 정보 제공, 메이트 매칭 게시판 및 채팅 서비스, 사용자 프로필 및 팔로우 기능, 현장 굿즈 거래 기능을 통합적으로 제공하여 야구 팬들에게 새로운 직관 경험을 선사합니다. ��KBO 경기 정보와 연동된 직관 메이트 시스템을 통해 사용자 편의성을 높이고, �직관 후기와 메이트 리뷰 시스템으로 건전한 커뮤니티 문화를 조성하며, �현장 중심의 굿즈 거래 기능으로 팬 문화를 활성화합니다.

같은 팀을 응원하는 팬들과 만나 �특별한 추억을 만드는 새로운 야구 문화의 장

KBO 경기 정보 제공

직관 메이트 매칭

사용자 프로필 및 팔로우

굿즈 중고거래

야구 직관 메이트 서비스 CATCH Mi

CATCH Mi

8 of 35

8

서비스 선정 배경

01

“새로운 팬 층의 니즈”

MZ세대의 새로운 야구 소비 패턴 확인

프로야구 사상 첫 1000만 관중에 입장 수입도 사상 첫 1500억원 돌파

  • 지난해 같은 경기 수와 비교할 때 �관중은 34%, 입장 수입은 30% 각각 증가

"2030 여성의 야구장 습격, 올해 숏폼 허용이 촉매제 됐다"

  • MZ세대가 유튜브, 인스타그램 등 소셜미디어에서 야구 스토리를 짧은 영상으로 만들어 퍼트리는 게 새로운 문화 현상

야구 직관 매칭 서비스

현황 분석

"최근 프로야구는 2030 여성의 유입으로 새로운 전성기를 맞이하며 성비 불균형 문제를 완화할 가능성을 보이고 있다.

�특히 MZ세대를 중심으로 야구에 대한 커뮤니티와 새로운 문화가 형성되고 있다.”

현재는 이러한 니즈를 체계적으로 지원하는 플랫폼이 부재

9 of 35

9

서비스 선정 배경

01

새로운 팬 층의 니즈

MZ세대의 새로운 야구 소비 패턴 확인

프로야구 사상 첫 1000만 관중에 입장 수입도 사상 첫 1500억원 돌파

  • 지난해 같은 경기 수와 비교할 때 �관중은 34%, 입장 수입은 30% 각각 증가

"2030 여성의 야구장 습격, 올해 숏폼 허용이 촉매제 됐다"

  • MZ세대가 유튜브, 인스타그램 등 소셜미디어에서 야구 스토리를 짧은 영상으로 만들어 퍼트리는 게 새로운 문화 현상

야구 직관 매칭 서비스

현황 분석

“최근 프로야구는 MZ세대, �특히 2030 여성의 유입으로 새로운 전성기”

이들은 단순한 경기 관람을 넘어 사회적 경험과 커뮤니티 형성을 중요시

현재는 이러한 니즈를 체계적으로 지원하는 플랫폼이 부재

직관 메이트 매칭 서비스를 통해 신뢰할 수 있는 팬 커뮤니티 형성을 지원하고, MZ세대의 새로운 야구 문화 창출에 기여

10 of 35

10

기존 서비스

야구 직관 메이트 서비스 CATCH Mi

01

  • 동네 위치 기반 거래 시스템

당근마켓

  • GPS 기반의 동네 인증을 통해 가까운 이웃 간 직거래 활성화
  • MY 팀 등록 및 티켓 보관 시스템 제공�→ 발급현황 및 팬 나이대 제공

네이버 스포츠 야구 - 마이 티켓

  • 응원팀 스킨 적용 및 오픈톡 내 응원팀 로고 표시
  • 응원 대표 오픈톡 및 개인 유저 오픈톡 참여� → 실시간으로 경기 채팅 기능

네이버 스포츠 야구 - 오픈톡

  • 온라인 야구 커뮤니티 활성화

<마이 티켓 서비스>

<대표 오픈톡>

<당근마켓 내 지역설정>

OTHER

SERVICE

벤치마킹 서비스 선정

경쟁사 분석

오프라인 팬 커뮤니티 연결성 부재

야구 굿즈 특화 기능 부재

온라인 위주의 소통으로 실제 만남 연계 부족

<한계점>

11 of 35

11

서비스

01

팬덤 기반 커뮤니티 활성화

  • 단순 채팅을 넘어 실제 직관을 통한 응원 문화 형성
  • 같은 팀 팬 들과의 지속적인 오프라인 관계 형성 지원
  • 개인 맞춤형 메이트 매칭으로 깊이 있는 교류 가능
  • 경기 현장에서의 생생한 응원 경험 공유

팬끼리 중고거래

  • 경기장 현장에서의 실물 확인 용이성
  • 선수 활약에 따른 즉석 수요 대응
  • 현장 분위기 연계 거래 활성화

야구 특화 매칭 시스템

  • KBO 경기 정보 연동
  • 소셜 로그인을 통한 회원가입 및 인증
  • 리뷰 및 평점 시스템
  • 야구 팬 맞춤 프로필 활성화 �– 마이팀 표시 및 소개글

안전하고 자연스러운 만남의 장

“올인원 야구 경험 제공”

“야구 팬을 위한 종합 플랫폼”

경기 정보 + 메이트 매칭 + 굿즈거래 + 기록보관까지

차별화

Strategy / Point

야구 직관 메이트 서비스 CATCH Mi

차별화 전략

여성 친화적 환경

  • 40% 이상의 여성 관중 비율
  • 안전한 공개된 장소

자연스러운 관계 형성

  • 직관이 우선인 부담 없는 만남
  • 정기적인 경기로 인한 지속적 만남 기회
  • 공유된 추억 기반의 관계 형성

12 of 35

12

프로젝트 구현기능

01

직관 메이트 찾기 및 단체 채팅

  • 메이트 찾기에서 응원팀을 설정하고 다가오는 경기를 선택하여 �해당 글의 구인 조건을 태그를 통해 표시�
  • 메이트 찾기 글을 보고 채팅에 참여하려는 이용자는 조건에 해당한지 확인 후 입장이 되고 방장은 해당 글의 모집 상태를 변경 가능�
  • 해당 단체 채팅 기능은 웹 소켓(STOMP)을 통해 구현

사용자 프로필 및 팔로우 / 소셜 로그인

  • 사용자 프로필에서 팔로우 및 팔로워를 보여주고�매너 타율 및 서비스 내 나의 기록과 후기들을 확인 가능�
  • 사용자는 프로필 페이지 내에서 소개글과 마이팀 설정이 가능합니다.�
  • 네이버 소셜 로그인을 통해 사용자 정보 연동

경기 정보 제공

  • 경기 정보를 KBO 사이트와 네이버 스포츠 야구 사이트에서 스케쥴러에 따라 일정 시간마다 크롤링하여 제공�
  • 예정된 경기에는 날씨 API를 이용하여 예보 날씨를 제공

굿즈 중고 거래 및 1:1 채팅

  • 굿즈 거래 기능은 팀 설정과 물품 관련 태그를 통해 게시글을 필터링하여 제공�
  • 굿즈 거래 글 작성 페이지에서 카카오 맵 API 연동을 통해 거래 위치 선정 편의성을 제공하도록 구현�
  • 거래를 원하는 이용자는 대화 나누기를 통해 판매자와 1:1 채팅이 되도록 구현하고 웹 소켓(STOMP) 을 통해 해당 기능을 구현

야구 직관 메이트 서비스 CATCH Mi

13 of 35

13

개발환경 및 프로젝트 구조 (BE)

야구 직관 메이트 서비스 CATCH Mi

01

개발환경

ERD

14 of 35

14

개발환경 및 프로젝트 구조 (BE)

야구 직관 매칭 서비스

01

기술 스택

인프라 & 협업

15 of 35

15

개발환경 및 프로젝트 구조 (FE)

야구 직관 매칭 서비스

01

기술 스택

16 of 35

사용자 측면

직관 메이트 매칭으로 �더욱 즐거운 경기 관람 경험

구단/구장 측면

새로운 팬 층 유입으로 관중 수 증가

산업적 측면

MZ 세대 중심의 �새로운 야구 문화 창출

실무 활용성

타 스포츠 종목으로의 �서비스 확장 적용 가능

16

서비스 기대효과

야구 직관 메이트 서비스 CATCH Mi

01

17 of 35

프로젝트

팀 구성 및 역할

야구 직관 메이트 서비스 CATCH Mi

18 of 35

18

프로젝트 팀 구성 및 역할

02

BACKEND

야구 직관 메이트 서비스 CATCH Mi

훈련생

역할

담당 업무

이주찬

팀장

경기정보 기능 구현 , CI/CD 구현

정원주

PM

스프링 시큐리티 설정과 회원 프로필 및 팔로우 기능 구현, CI/CD 구현

안홍제

팀원

굿즈 거래 게시판 및 1 : 1 채팅 기능 구현

양소희

팀원

메이트 구인글 게시판 및 단체 채팅 기능 구현

박상우

멘토

프로젝트 방향 설정 및 도전 액션 피드백, 코드리뷰

김구수

강사

프로젝트 진행 중 질문에 대한 답변 및 피드백

19 of 35

19

프로젝트 팀 구성 및 역할

02

야구 직관 메이트 서비스 CATCH Mi

FRONTEND

훈련생

역할

담당 업무

이준희

팀장

전체 프로젝트 핸들링, 채팅방 기능구현, 포스팅 기능구현, 굿즈 기능구현

이동인

PM

UI 디자인, 메이트 기능 구현, 메인페이지 & 마이팀 페이지 기능구현

추원호

팀원

UX 핸들링, 공통 컴포넌트 기능구현, 프로필 및 하위 페이지 기능구현

유승완

멘토

프로젝트 방향 설정 및 코드리뷰, 피드백

조재형

강사

프로젝트 진행 중 질문에 대한 답변 및 피드백

20 of 35

프로젝트�수행 절차 및 방법

야구 직관 메이트 서비스 CATCH Mi

21 of 35

21

야구 직관 메이트 서비스 CATCH Mi

서비스 기획

설계

API 설계

전체 기능 구현

리팩토링 및 배포

10월

11월

11월 15일 (금)

11월 20일 (수)

11월 27일 (수)

12월 4일(수)

12월 9일 (월)

12월 10일 (화)

서비스 기획 및 설계

ERD 설계 및 API 설계

API 응답에 따른 �하드코딩

기능 구현

리팩토링 및 CI/CD 구현

총 개발기간 : 55일

멘토링

멘토링

멘토링

BE 프로젝트 수행과정

04

22 of 35

22

야구 직관 메이트 서비스 CATCH Mi

서비스 기획

설계

API 제외 기능구현

전체 기능 구현

리팩토링 및 배포

10월

11월

11월 15일 (금)

11월 18일 (월)

11월 29일 (금)

12월 7일(토)

12월 9일 (월)

12월 10일 (화)

서비스 기획 및 설계

디자인 시안 및 마크업 제작

기능구현

기능구현

리팩토링 및 CI/CD 구현

총 개발기간 : 55일

멘토링

멘토링

멘토링

FE 프로젝트 수행과정

04

23 of 35

프로젝트�수행 경과

야구 직관 메이트 서비스 CATCH Mi

24 of 35

24

프로젝트 핵심기능

야구 직관 메이트 서비스 CATCH Mi

04

회원가입 시 마이 팀

설정해주세요.

마이 팀에 맞춘 정보를 제공합니다

회원가입 시 마이 팀을 설정한다면�팀 별 메이트 찾기 글과 굿즈 거래하기 글을�메인 화면에서 바로 조회 가능해요!

상단 배너에는 마이 팀의 예정된 경기와

하단에는 마이 팀의 최근 전적도 확인할 수 있어요!

마이 팀 관련 정보 제공

메인 페이지에서 팀 선택에 따라 �해당 팀의 예정된 경기, 메이트 찾기 , 굿즈 거래, 최근 경기 전적을 볼 수 있어요

메이트 찾기와 굿즈 거래하기 제공

메이트 찾기의 최근 글을 3개 조회하며

굿즈 거래 글에서 최근 작성된 4개의 글을 조회할 수 있어요.

더 많은 정보를 보고 싶으면 “더보기” 버튼을 통해 해당 기능 페이지로 이동해요.

하단 바에서 메뉴 이동

하단 바에서�메인 페이지, 메이트 찾기 페이지 , 굿즈 거래 페이지, 채팅, 마이 프로필 페이지로 바로 이동 가능해요

메인 페이지

25 of 35

25

프로젝트 핵심기능

04

경기 정보 제공

팀별 예정 경기 일정, 구단별 최근 전적 , KBO리그 순위,

경기 예정 시간대 날씨 정보

야구 직관 메이트 서비스 CATCH Mi

<메인 페이지-상단 배너>

<메인 페이지-하단>

데이터 수집 방식

  1. 경기 관련 정보
    • KBO 공식 사이트 및 네이버 스포츠 야구 데이터 크롤링
    • JAVA Selenium 활용
    • 스케줄러 기반 일 2회 업데이트 (09:00, 22:00)

  • 날씨 정보
    • OpenWeather API 활용
    • 매일 00:00 정보 갱신
    • 경기장별 날씨 예보 제공

업데이트 주기 설정 이유

  • 서버 부하 최소화를 위한 정기 풀링 방식 채택
  • 실시간 크롤링 시 서버 과부하 위험 고려
  • API 요청 수 제한에 따른 효율적 호출 관리
  • 사용자 경험을 고려한 최적의 업데이트 주기 설정

경기 정보 제공

26 of 35

26

프로젝트 핵심기능

04

원하는 메이트를 쉽고 빠르게 찾아보세요!

  • 메이트 찾기 페이지에서 다양한 조건으로 필터링하여 관심 있는 구인글을 확인할 수 있습니다.
  • 마음에 드는 글을 발견하면 '대화 나누기' 버튼을 눌러 채팅방에 바로 입장해보세요.

직접 메이트를 모집하고 싶다면?

  • 구인글 작성을 통해 원하는 메이트의 조건을 설정할 수 있습니다.
  • 방장이 되어 모집 상태를 자유롭게 관리할 수 있어요.
  • 직관이 끝난 후에는 방장이 '직관 완료' 버튼을 눌러 함께한 메이트들에 대한 후기를 남길 수 있습니다.
  • 작성된 후기는 마이 프로필의 직관 타임라인에서 언제든지 확인할 수 있어요.

직관 메이트 찾기 및 단체 채팅

통해 직관 메이트를 찾으세요.

야구 직관 메이트 서비스 CATCH Mi

직관 메이트 찾기 및 단체 채팅

27 of 35

27

프로젝트 핵심기능

04

메이트 찾기 게시판에서는 글 작성과 수정, 삭제가 자유롭게 가능하며, �원하는 조건으로 필터링하여 적합한 메이트를 쉽게 찾을 수 있어요. �모집 상태도 실시간으로 관리할 수 있습니다.

WebSocket과 STOMP 프로토콜을 활용한 단체 채팅방에서는 �함께할 메이트들과 자유롭게 소통할 수 있습니다. 채팅 내역은 최신순으로 확인 가능하며, 채팅방의 활성화 조건에 따라 대화 참여가 관리됩니다.

직관이 끝난 후에는 '직관 완료' 상태로 변경하여 함께한 메이트들과 후기를 나눌 수 있어요. 이런 소중한 경험들은 여러분의 직관 타임라인에 기록되어 특별한 추억으로 남게 됩니다.

직관 메이트 찾기 및 단체 채팅

통해 직관 메이트를 찾으세요.

게시글 관리

  • 메이트 찾기 게시글 관련 CRUD 구현
  • 메이트 게시글 필터링 조회 가능
  • 메이트 게시글 상태를 변경 가능
  • 직관 완료 상태 변경 시 직관 후기 작성 페이지로 이동

단체 채팅

  • WebSocket 및 STOMP를 사용하여 다대다 방식의 채팅 구현
  • 채팅 기록 최신순으로 조회
  • 채팅 기능 비활성화 조건과 조회 조건 설정

야구 직관 메이트 서비스 CATCH Mi

직관 메이트 찾기 및 단체 채팅

28 of 35

28

프로젝트 핵심기능

04

경기장에서 만나는 편리한 굿즈 거래 !

  • 팀별, 카테고리별로 원하는 굿즈를 쉽게 찾아보세요.
  • 최신 거래글부터 확인할 수 있으며, 각 글에는 굿즈의 팀과 �카테고리 태그가 표시됩니다.
  • 판매글 작성 시에는 굿즈 사진(최대 10장)과 함께 �상세 정보를 입력할 수 있어요.
  • 카카오맵 API를 통해 거래 장소를 지정하면, �경기장 내 정확한 만남 위치를 쉽게 공유할 수 있습니다.

구매를 원하시나요?

  • 대화 나누기' 버튼을 통해 판매자와 일대일 채팅방이 자동으로 생성됩니다.
  • 거래가 완료되면 판매자가 '거래 완료' 버튼을 누르고, 구매자는 거래 후기를 남길 수 있어요. 이렇게 쌓인 후기는 판매자의 매너 타율에 반영됩니다.

굿즈 중고 거래 및 1:1 채팅을 통해 원하는 굿즈를 거래하세요.

야구 직관 메이트 서비스 CATCH Mi

굿즈 중고 거래 및 1:1 채팅

29 of 35

29

프로젝트 핵심기능

04

안전하고 편리한 거래를 위해 다양한 기능을 구현했습니다. �거래글 작성부터 수정, 삭제까지 자유롭게 관리할 수 있으며, 거래 상태도 실시간으로 변경할 수 있습니다. 특히 카카오맵 API를 활용하여 경기장 내 정확한 거래 장소를 지정할 수 있어 약속 장소를 쉽게 공유할 수 있습니다.��판매자와 구매자는 WebSocket과 STOMP 프로토콜 기반의 1:1 실시간 채팅으로 즉각적인 소통이 가능합니다. 채팅방은 자동으로 생성되며, 참여자들의 입장과 퇴장이 실시간으로 반영됩니다.

거래가 완료되면 상호 간의 후기를 남길 수 있습니다 이렇게 쌓인 후기는 사용자의 신뢰도를 보여주는 매너 타율에 반영되어, 더욱 편리한 거래 문화를 만들어갑니다.

지도 API

  • 카카오맵 API 를 통해 거래 장소 지정
  • 사용자 검색어 따른 장소 검색
  • 장소 선택 시 지정된 좌표의 지도 표시

굿즈 중고거래 게시글

  • 굿즈 중고 거래 게시글 CRUD 구현
  • 굿즈 거래 게시글 상태 변경
  • 굿즈 거래 후 후기 등록 및 조회 구현

1:1 채팅방

  • WebSocket과 STOMP를 통해 1:1 채팅 구현
  • 채팅 방 참여 및 조회 , 퇴장 기능 구현

야구 직관 메이트 서비스 CATCH Mi

굿즈 중고 거래 및 1:1 채팅

통해 원하는 굿즈를 거래하세요.

굿즈 중고 거래 및 1:1 채팅

30 of 35

30

프로젝트 핵심기능

04

사용자 프로필을 이용하여 나만의 소개글과 응원팀 설정으로 프로필을 표현하고, �활동 내역과 매너 타율, 후기를 확인할 수 있어요. 마음에 드는 메이트를 팔로우하며 함께하는 직관을 즐겨보세요

관심있는 메이트를 팔로우할 수 있고 �나를 팔로우하는 팔로워를 확인할 수 있어요.

팔로우 및 팔로워 기능

서비스를 사용하면서 남겨진 �굿즈 거래 후기, 메이트 후기 , 직관 타임라인을 볼 수 있어요.

후기 모아보기 및 타임라인

야구 직관 메이트 서비스 CATCH Mi

<후기 모아보기>

<타임라인>

사용자 프로필 및 팔로우

31 of 35

31

시연 영상

야구 직관 메이트 서비스 CATCH Mi

05

32 of 35

자체 평가 의견

야구 직관 메이트 서비스 CATCH Mi

33 of 35

33

자체 평가 의견

야구 직관 메이트 서비스 CATCH Mi

05

완성도 평가

9점 /10점

추후 Redis 사용, 알림 기능, 쿼리 최적화 등 다양한 도전액션들이 있지만 해당 기간 이후에 시도해볼 예정

추후 개선점이나 보완할 점

팀원들간 설계나 기능 구현에 있어 계속해서 의견을 나누고�도움을 주는 분위기가 되어 개발 능력과 협업능력 향상이 된 것을 느꼈다.

느낀 점이나 경험한 성과

  • 도메인 규칙 기반으로 테스트 코드 작성 시 여러 시나리오 기반으로 작성 / jira와 정해진 컨벤션을 통해 협업 능력 강화
  • 사전 기획에 있던 알림 기능, 팔로우 간 일반 채팅 기능들이�짧은 개발 기간으로 삭제되어 아쉬움 존재

잘한 부분과 아쉬운 점

  • 제한된 개발 기간에도 불구하고 웹 애플리케이션의 핵심 기능을 높은 수준으로 구현
  • 초기 단계에서 상세하고 체계적인 사전 기획을 통해 요구사항을 명확히 정의하여, 개발 과정에서 혼선 없이 목표를 향해 효율적으로 작업을 진행

34 of 35

Q & A

35 of 35

출처

뉴스 1 : https://www.seoul.co.kr/news/sport/baseball/2024/09/19/20240919500120

뉴스 2 : https://www.chosun.com/economy/economy_general/2024/09/24/D2KKZNUEKNGHBCDSFZKUKB3BTI/