CASE / 03

DISPLAY · MOBILE

DID·모바일 대기 시스템

매장 DID와 고객용 모바일 대기 등록 화면을 개발했습니다. 대기 상태 분기, 30초 순환 화면, 이메일 검증과 약관 동의 흐름을 구현했습니다.

프론트엔드 개발 · DID · 모바일 웹
2024.05 — 현재 · 재직 중 프로젝트

공공 공간의 LED 정보 디스플레이와 키오스크 — PROJECT MOOD IMAGE — 실제 서비스 화면이 아닌 프로젝트 성격을 전달하는 스톡 이미지입니다.

01 / 맡은 업무

화면과 데이터 흐름을
구현했습니다.

회차·일반 대기 모드 화면
30초 주기 DID 화면 순환
개인정보·제3자 제공·마케팅 동의
이메일 검증과 API 상태별 화면 분기

02 / 문제

회차·일반 모드와 API 응답에 따른 여러 대기 상태를 운영용 DID와 고객용 모바일 화면에서 각각 다르게 보여줘야 했습니다.

03 / 적용한 방법

DID 화면을 30초 주기로 순환시키고, 모바일 입력 단계에 동의 항목과 이메일 검증을 구성했습니다. API 응답을 기준으로 대기 상태 화면을 분기했습니다.

04 / 결과

고객 입력 흐름과 운영용 표시 화면을 분리하고 각 대기 상태에 필요한 정보만 노출하도록 구현했습니다.