SYSTEM BLUEPRINT

스포츠 라이브 스코어
커뮤니티 플랫폼 설계

팬 사용자, 커뮤니티 참여자, 운영 관리자의 핵심 흐름을 실제 화면 단위로 정리한 사전 기획서입니다.

스포츠 팬 시나리오

경기 탐색 및 시청 보조 여정

사용자가 오늘의 경기 목록에서 관심 경기를 찾고 상세 정보까지 확인하는 흐름입니다.

1. 종목 선택

KBO, EPL, NBA 등 종목 필터 선택

2. 경기 목록 확인

날짜별 실시간 스코어와 진행 상태 확인

3. 경기 상세 진입

라인업, 타임라인, 주요 이벤트 확인

4. 관심 경기 저장

마이페이지와 앱 알림으로 이어지는 즐겨찾기

5. 재방문

경기 종료 후 분석글과 기록 다시 확인

스포츠 팬 | 화면 01

메인 라이브 스코어 보드

https://sports-live.poc/home
2026.08.11 화요일
실시간 스코어 보드
14초 전 갱신
두산 4 : 3 LG
8회말
응원 1,284
삼성 2 : 2 기아
7회초
응원 842
토트넘 1 : 0 아스널
후반 62분
응원 3,912
서울 0 : 0 전북
전반 31분
응원 624

[화면 개요 및 목적]

PC 웹에서 여러 경기를 동시에 비교할 수 있는 핵심 첫 화면입니다. 경기장 보드 형태의 리스트가 한눈에 서비스 목적을 전달합니다.

[핵심 기능 로직]

외부 스포츠 API 응답을 내부 캐시에 저장하고, 화면은 캐시된 최신 경기 상태를 주기적으로 불러와 빠르게 갱신합니다.

  • Next.js 데이터 패칭
  • Redis 경기 캐시
스포츠 팬 | 화면 02

경기 상세 타임라인

https://sports-live.poc/match/1012
두산 베어스 4 : 3 LG 트윈스
8회말 진행 중
잠실 경기장 타임라인
선발 교체
득점권
실책 없음
관중 21,408
라인업 및 주요 이벤트
1회초 두산 선취점
4회말 LG 동점 홈런
7회초 두산 2점 추가
8회말 LG 추격 적시타

[화면 개요 및 목적]

특정 경기를 클릭했을 때 라인업, 주요 이벤트, 타임라인을 시각적으로 확인하는 화면입니다.

[핵심 기능 로직]

경기 상세 데이터는 API 어댑터를 통해 표준 포맷으로 변환되어 종목이 달라도 같은 UI 구조로 표시됩니다.

  • API 어댑터 계층
  • 경기 이벤트 표준 모델
스포츠 팬 | 화면 03

관심 경기 및 마이페이지

마이페이지
관심 경기 8
내 댓글 42
작성글 6
오늘 알림 예정 경기
두산 vs LG 19:30 시작
토트넘 vs 아스널 22:00 시작

[화면 개요 및 목적]

관심 경기, 내가 쓴 글, 댓글을 모아 사용자의 재방문을 유도하는 화면입니다.

[핵심 기능 로직]

웹과 앱의 세션을 같은 계정 데이터로 묶어 관심 경기와 커뮤니티 활동을 동기화합니다.

  • 소셜 로그인
  • 세션 동기화
커뮤니티 참여자 시나리오

응원방 및 게시판 참여 여정

경기별 실시간 대화와 자유게시판 활동으로 팬 체류 시간을 늘리는 흐름입니다.

1. 응원방 입장

경기 상세에서 바로 응원방 진입

2. 실시간 댓글

경기 흐름에 맞춰 댓글과 답글 작성

3. 분석글 작성

경기 후 자유게시판에 분석글 등록

4. 추천 및 신고

좋은 글은 추천하고 문제 콘텐츠는 신고

5. 활동 관리

내가 쓴 글과 댓글을 마이페이지에서 확인

커뮤니티 참여자 | 화면 01

경기별 실시간 응원방

https://sports-live.poc/match/1012/cheer
두산 vs LG 응원방
1,284명 참여 중
지금 교체 타이밍 좋네요
라인업 바뀐 뒤 수비 안정됐습니다
8회말만 막으면 분위기 옵니다
타임라인 보면서 댓글 보니까 편하네요
응원 댓글을 입력하세요
전송

[화면 개요 및 목적]

경기 화면과 분리되지 않은 대화 공간으로, 사용자가 경기 흐름을 보며 바로 참여할 수 있습니다.

[핵심 기능 로직]

WebSocket으로 댓글을 실시간 반영하고, 신고 누적 댓글은 관리자 대기열로 연결합니다.

  • WebSocket 댓글
  • 신고 대기열
커뮤니티 참여자 | 화면 02

자유게시판 및 분석글

https://sports-live.poc/board
팬 분석 게시판
두산 불펜 운영, 8회가 승부처였습니다
추천 52 · 댓글 18 · 신고 0
토트넘 압박 라인 변화 정리
추천 39 · 댓글 13 · 신고 1
오늘 KBO 관심 경기 데이터 모음
추천 26 · 댓글 8 · 신고 2

[화면 개요 및 목적]

경기 종료 후에도 사용자가 분석글과 의견을 나누며 서비스에 남을 수 있는 커뮤니티 화면입니다.

[핵심 기능 로직]

추천, 신고, 댓글 수를 기준으로 인기글을 정렬하고 운영자는 문제 글을 블라인드 처리합니다.

  • 게시판 API
  • 추천 신고 모델
커뮤니티 참여자 | 화면 03

커뮤니티 활동 마이페이지

https://sports-live.poc/mypage/activity
내 커뮤니티 활동
작성글

경기 분석글 6개
인기글 진입 2개

댓글 반응

받은 추천 184
답글 27

[화면 개요 및 목적]

내 글, 댓글, 추천 기록을 모아 커뮤니티 참여 흐름을 이어주는 화면입니다.

[핵심 기능 로직]

사용자 활동 로그를 계정 기준으로 묶어 웹과 앱에서 같은 내역을 제공합니다.

  • Data Aggregation & Visualization
  • 활동 로그 동기화
운영 관리자 시나리오

운영 및 품질 관리 여정

서비스 운영자가 유저, 게시글, 신고, 외부 API 상태를 한곳에서 관리하는 흐름입니다.

1. 통합 관제

활성 사용자와 트래픽 확인

2. 신고 처리

악성 댓글과 게시글 블라인드

3. 회원 관리

사용자 상태와 활동 이력 확인

4. API 모니터링

외부 스포츠 API 상태와 지연 확인

5. 운영 리포트

경기별 참여 지표와 커뮤니티 지표 확인

운영 관리자 | 화면 01

관리자 통합 대시보드

https://admin.sports-live.poc/dashboard
활성 유저 12,408
신고 대기 17
API 정상 99.8%
평균 응답 84ms
신고 댓글 처리
욕설 의심 댓글 블라인드 필요긴급
스팸 링크 포함 게시글확인
반복 도배 사용자 제한확인
외부 API 상태
정상

[화면 개요 및 목적]

운영자가 경기 시간대의 접속, 신고, API 상태를 한 화면에서 확인하는 백오피스입니다.

[핵심 기능 로직]

서비스 로그와 외부 API 상태를 수집해 이상 징후가 있으면 관리자에게 바로 표시합니다.

  • 운영 로그 수집
  • API 상태 모니터링
운영 관리자 | 화면 02

신고 및 블라인드 관리

https://admin.sports-live.poc/reports
활성 유저 12,408
신고 대기 17
API 정상 99.8%
평균 응답 84ms
신고 댓글 처리
욕설 의심 댓글 블라인드 필요긴급
스팸 링크 포함 게시글확인
반복 도배 사용자 제한확인
외부 API 상태
정상

[화면 개요 및 목적]

신고가 누적된 댓글과 게시글을 검토하고 블라인드 처리하는 운영 화면입니다.

[핵심 기능 로직]

신고 횟수, 작성자 이력, 경기방 정보를 함께 보여줘 빠르게 판단할 수 있게 합니다.

  • 신고 워크플로우
  • 운영 처리 로그
운영 관리자 | 화면 03

외부 API 상태 모니터링

https://admin.sports-live.poc/api-status
활성 유저 12,408
신고 대기 17
API 정상 99.8%
평균 응답 84ms
신고 댓글 처리
욕설 의심 댓글 블라인드 필요긴급
스팸 링크 포함 게시글확인
반복 도배 사용자 제한확인
외부 API 상태
정상

[화면 개요 및 목적]

스포츠 데이터 공급사의 응답 지연과 오류율을 확인하고 캐시 갱신 상태를 관리합니다.

[핵심 기능 로직]

외부 API 장애가 발생해도 마지막 정상 데이터와 관리자 안내를 통해 화면 공백을 막습니다.

  • API 헬스체크
  • Issue Tracking & Status Management