LG U+ QR 이벤트 시스템

프로젝트 개요

LG U+ 행사장에서 진행된 참여형 이벤트 시스템으로 사용자가 QR 코드를 스캔하면 실시간으로 당첨 여부를 확인할 수 있도록 설계된 서비스입니다. 약 700개의 QR 코드를 사전에 생성하여 각각의 당첨 상태를 관리하고, 현장에서 다수 사용자가 동시에 참여하는 환경에서도 정확하고 안정적으로 결과를 제공하는 것이 핵심 목표였습니다. 기존 오프라인 이벤트의 수작업 방식(추첨, 수기 입력 등)을 디지털화하여 운영 효율성과 사용자 경험을 동시에 개선했습니다. 시스템 플로우 1. 사용자 QR 스캔 모바일 카메라를 통해 QR 코드 인식, 실시간으로 QR 데이터 디코딩 2. 당첨 여부 검증 서버에서 QR 상태 확인 (WIN / LOSE / USED), 중복 참여 방지 로직 적용 3. 결과 화면 출력 당첨 시 상품 정보 노출, 미당첨 시 안내 메시지 표시 4. 개인정보 입력 및 저장 당첨자 정보 입력 폼 제공, 서버에 데이터 저장 및 관리자 확인 가능 주요 기능 1. QR 기반 실시간 이벤트 처리 jsQR 라이브러리를 활용한 QR 인식, 카메라 스트림 기반 실시간 처리 2. 당첨 로직 및 상태 관리 QR 상태 관리 (WIN / LOSE / USED), 중복 참여 방지 처리, 트랜잭션 기반 데이터 무결성 확보 3. 실시간 UI 인터랙션 결과에 따른 화면 즉시 전환, 사용자 행동 흐름 기반 UI 구성 4. 데이터 수집 및 관리자 관리 당첨자 정보 서버 저장, 관리자 페이지에서 데이터 확인 가능 5. API 기반 통신 구조 Axios 기반 비동기 요청 처리, 클라이언트-서버 데이터 연동

기술 스택

주요 성과

• 오프라인 행사에서 실시간 참여형 이벤트 시스템 구축
• 약 700개의 QR 코드 데이터 설계 및 매핑 처리
• 다수 사용자 동시 접속 환경에서도 안정적인 처리 구조 구현
• QR 중복 사용 방지 및 데이터 무결성 확보
• 사용자 참여 → 결과 확인 → 데이터 수집까지 전 과정 자동화
• 실제 행사 현장에서 안정적으로 운영된 검증된 시스템