🐘 콘끼리

목차

서비스
팀원
기술
화면
기술적 특징
문서

🐘 서비스

[콘서트 관람 전과정을 돕는 서비스🎈]

1. 공연장 좌석별 시야 후기 아카이브 제공
2. 팬메이드 굿즈 나눔을 위한 지도 제공
3. 티켓팅 연습 시뮬레이터 제공
4. 공연장 주변 실시간 혼잡도 정보 제공

👨‍👩‍👦‍👦 팀원

BackEnd
Icln	guite95	swim00
임강호	장욱	김수영

FrontEnd
Minal002	ynco32	happysloth0908
김미나	최윤지	김소운

🛠 기술

🖥️ BackEnd

🎨 FrontEnd

☁️ Infra

🛠️ Tool

💻 화면

0. 메인 화면 및 로그인 화면

메인 화면

1. 시야 보기

시야 후기 보기	좌석 스크랩하기	후기 작성

2. 티켓팅

연습 모드	실전 모드

3. 나눔 지도

나눔 게시글 쓰기	나눔 게시글 북마크

4. 혼잡도 보기

혼잡도 보기

5. 마이페이지

시야 후기 조회 및 삭제	스크랩한 나눔 게시글	나의 티켓팅 기록

🚀 기술적 특징

시야 보기

[BE] N+1 문제를 해결해 쿼리 성능 개선

• JPQL의 Fetch join 활용
• Batch Size로 IN 쿼리 최적화

[FE] 캐싱 시스템으로 API 호출 최적화

• TTL 기반 메모리 캐싱 : 구역, 좌석 데이터를 재사용
• LRU 알고리즘 : 최대 10개 섹션만 캐시
• 티켓팅 연습

티켓팅

[BE] 안정적인 대기열 시스템

• 서버 부하 모니터링 기반 대기열 Batch 크기 동적 조절로 시스템 안정성 확보
• Redis Sorted Set과 SETNX 기반 대기열 관리 및 동시성 제어

[FE] 안정적인 대기열 시스템

• WebSocket, STOMP 로 대기열 구현
• 자동 재연결 구현
• 대기 시간별 갱신주기 최적화

나눔 지도

[BE] 나눔 진행 상태 자동 변환

• 스프링 스케줄러를 이용해 특정 시간에 DB 상태를 변경하도록 스레드에 작업 예약

[FE] 메모리 최적화로 지도 성능 향상

• 커스텀 React 고정 마커를 구현
• useRef를 활용해 지도 인스턴스와 이벤트 리스너를 효율적으로 관리
• 사용자 경험 및 위치 선택 정확도 향상

혼잡도

[FE] 혼잡도 데이터 시각화

• 통신사 API로 실시간 혼잡도를 받아와서 데이터를 가공한 후 시각화하여 지도에 표시

📕 문서

플로우차트
기능명세서
API 문서

ERD

아키텍쳐

깃 컨벤션

feat	새로운 기능 추가
fix	버그 수정
docs	문서 수정
style	코드 formatting, 세미콜론 누락, 코드 자체의 변경이 없는 경우, 주석 없거나, 파일 또는 폴더 명 수정
refactor	코드 리팩토링
test	테스트 코드
design	CSS 등 사용자 UI 디자인 변경
remove	파일을 삭제하는 작업만 수행한 경우
hotfix	급하게 수정해야 할 버그

브랜치 명

• 영어로 기능 요약
• 소문자
• 띄어쓰기 - 로
• 백엔드 프론트 구분
• 스토리에서 기능 요약하고 스토리 고유 번호 브랜치에 기입
• ex) feat-#66-be-login(기능 요약)
• 프론트엔드 | 퍼블리싱 브랜치의 경우 fe-p-기능요약
• ex) feat-#66-fe-p-show-list(기능 요약)

커밋 메시지

• 단위를 최소화해서 올리기 ex) 컨트롤러 작성, 서비스 작성
• 끝에는 . 금지
• feat: 구현한 기능 요약
• ex) feat: User의 Role을 가져오는 Controller 작성

Merge Request 제목

• 끝에는 . 금지
• 첫 문자는 대문자`
• Feat는 스토리 번호 기입
• ex) Feat #66 로그인 기능 구현, Fix: 카카오 로그인 버그 수정, Hotfix: 로그인 토큰 오류 수정

구현 및 변경사항
ex) 로그인 시, 구글 소셜 로그인 기능을 추가했습니다
ex) 방을 만들때 사용하는 로직 작성
ex) 랜덤 패스워드를 생성하는 로직, Util로 분리
ex) ERD나 이미지 넣어도 괜찮습니다

테스트 결과
ex) 베이스 브랜치에 포함되기 위한 코드는 모두 정상적으로 동작해야 합니다. 결과물에 대한 스크린샷, GIF, 혹은 라이브 데모가 가능하도록 샘플API를 첨부할 수도 있습니다.