[실시간 예매 시스템][포폴용] 프론트엔드 모집글

🎟 실시간 티켓팅 프로젝트 팀원 모집

“실시간 소켓 통신 기반 프로젝트를 하고 싶은 사람이라면, 이 프로젝트가 분명 도움이 될 것입니다.”

📌 프론트엔드 포트폴리오에 강력한 임팩트를 줄 수 있는 실시간 예매 프로젝트

📌 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 링크 등 환영

이력서/포폴을 위한 실전 경험을 원한다면, 이 프로젝트에서 많이 얻어가실 수 있을 겁니다.