🎟 실시간 티켓팅 프로젝트 팀원 모집
“실시간 소켓 통신 기반 프로젝트를 하고 싶은 사람이라면, 이 프로젝트가 분명 도움이 될 것입니다.”
📌 프론트엔드 포트폴리오에 강력한 임팩트를 줄 수 있는 실시간 예매 프로젝트
📌 React + WebSocket + 상태관리 + 성능 최적화 + CI/CD까지 풀스택 협업 경험 제공
📌 백엔드가 동시성·부하 테스트를 책임지는 만큼, 프론트는 UI/UX+네트워크 처리+테스트에 집중 가능
✅ 프로젝트 개요
프로젝트명: 모의 실시간 티켓팅
기획 목적: 대형 예매 서비스처럼 수백 명이 동시에 접속하여 좌석을 예매하는 과정을 실시간으로 동기화하고, 빠르게 반응하는 UI/UX를 구현하는 것이 핵심입니다.
팀에는 경험이 풍부한 취준생 백엔드 개발자 3명, 프론트엔드 1명, 디자이너 1명으로 구성되어있습니다.
기술 키워드:
WebSocket,실시간 동기화,좌석 UI,성능 최적화,프론트 중심 구조 설계
💡 이런 분께 추천합니다
실시간 웹 구현에 도전해보고 싶은 분
UI/UX를 주도적으로 설계하고 싶으신 분
자기주도적인 디자인을 통한 웹 구현을 실현시키고 싶으신 분
백엔드가 동시성/부하처리를 맡고 있으니, 프론트엔드에 집중하고 싶은 분
혼자 개발한 TodoList, 블로그 수준을 넘는 실전 프로젝트가 필요한 분
🧩 구현할 프론트엔드 주요 기능
실시간 좌석 현황 표시
WebSocket을 활용하여 좌석 선택 상황을 실시간으로 반영합니다. 여러 사용자가 동시에 접속해도 즉시 반응하는 UI가 핵심입니다.공연 예매 전체 플로우 구성
공연 리스트 → 공연 상세 페이지 → 좌석 선택 → 예매 완료까지의 흐름을 자연스럽고 직관적으로 구현합니다.타이머 기반 UX 처리
예매 제한 시간을 시각적으로 표시하며, 제한 시간이 지나면 자동으로 예매가 취소되는 UX를 제공합니다. 사용자의 긴박감을 유도할 수 있는 디자인이 요구됩니다.예매 경쟁 상황 처리
동시에 같은 좌석을 선택하려는 사용자 간 충돌을 방지하기 위해, 중복 클릭 방지 및 좌석 충돌 감지 로직을 프론트에서 처리합니다. 예매 성공/실패에 대한 명확한 피드백도 포함됩니다.관리자 기능 UI 구현
공연 등록, 예매 시작 트리거 등 관리자 전용 기능을 위한 UI를 별도로 구성합니다. 운영자 입장에서 직관적으로 관리할 수 있도록 설계합니다.게스트 로그인 및 회원가입 처리
JWT 기반 인증 시스템과 연동하여, 게스트 로그인과 회원가입 플로우를 구현합니다. 인증 상태에 따라 예매 가능 여부를 구분합니다.
🎨디자이너 주요 역할(마감)
Figma 기반 UI 설계: 예매 흐름, 좌석 배치, 관리자 대시보드까지 전체 흐름 설계
사용자 경험 개선: 실시간 반응성, 예매 제한 시간, 중복 선택 대응 등 사용자 중심 UX 고민
프론트엔드 협업: 구현 가능한 수준의 UI 구성과 협의, 컴포넌트 단위 가이드 제공
포트폴리오 가치 확보: 단순 UI 디자인이 아닌, 실시간 인터랙션까지 고려된 실전 설계 경험
📅 일정 (예상)
기간 목표
5월 말 ~ 6월 초 기획, Figma 설계, 기술 스택 협의
6월 초 ~ 7월 초 핵심 기능 개발 (좌석 UI, 예매 플로우)
7월 초 ~ 8월 중 소켓 연동, 최적화, UX 고도화
8월 초 ~ 말 포트폴리오용 문서화 + 이력서 정리
👥 모집 인원 및 방식
모집: 프론트엔드 1-2명,
디자이너 1명협업: Gather Town, GitHub, Figma 중심
코드리뷰, UI 브랜치 전략 적극 운영
백엔드 개발자와 실시간 협업 가능
✍ 지원 방법
링크: https://open.kakao.com/o/sbDUtvxh
본인의 간단한 소개 (사용해본 스택, 포트폴리오 링크 등)
협업 도구/프로젝트 경험 여부 (간단히)
GitHub, Notion 링크 등 환영
이력서/포폴을 위한 실전 경험을 원한다면, 이 프로젝트에서 많이 얻어가실 수 있을 겁니다.
