플럭시티
Frontend Developer
프로덕션 서비스 · 제품 단위 책임
Overview
골프장에서 매일 실사용되는 서비스의 제품 단위 책임자로 일하고 있습니다. GPS 좌표를 코스맵 픽셀로 변환하고, 움직이는 카트 위에서도 정확히 동작하는 터치 UX를 설계했으며, F&B 제품 전반과 React Native 앱을 스토어 제출까지 각각 단독으로 진행했습니다. 사설망 프린터, 망분리 단말, 스토어 심사처럼 브라우저 밖의 조건까지 고려해야 했습니다.
What I Did
Vgolf 경기관제 태블릿 앱
500ms GPS 폴링 데이터를 Proj4로 코스맵 픽셀 좌표에 매핑, 홀 폴리곤 지오펜싱으로 진행 홀 자동 전환
움직이는 카트 환경의 터치 UX
진동·속도 변수를 고려해 useTap(30px 허용 임계값), Ghost Click 방지, 더블클릭 가드를 설계
VGOLF F&B 제품 전반 단독 개발 (10개월 · 520커밋)
주문·관리자·주방 영수증 출력·매장 사이니지 서브시스템을 설계·구현
ESC/POS 열전사 프린팅 직접 구현
클라우드 정적배포 앱과 매장 사설망(192.168.x.x) 프린터가 닿지 못하는 구조를 로컬 에이전트 경유 raw TCP 브릿지로 해결
오프라인 부팅 사이니지(DID)
망분리 미니 PC가 네트워크 없이 부팅해도 화면이 뜨도록 서비스워커 문서 프리캐시 설계, pdf.js canvas 직접 렌더로 오프라인 대응
24시간 무인 운영 견고성
사이니지는 SSE 구독, 주문 화면은 폴링 + 야간모드 상태머신(off/30s/5s) + 연속에러 서킷브레이커
네트워크 불안정 환경 대응
ConsecutiveErrorGuard로 연속 에러 시 폴링 자동 중단, Recoil Persist로 앱 재시작 시 서버 왕복 없이 복원
프로덕션 마감 품질
중복 주문 방지, Pub/Sub 에러 큐잉, 엣지 케이스 처리를 통해 실사용 환경 안정성 확보
VGOLF 모바일 앱(React Native) 단독 개발
555커밋, FSD 5레이어 구조와 3겹 에러 안전망을 세우고 Expo 없이 네이티브 설정·릴리스 서명·Play Console 제출까지 수행
zod 2층 스키마(런타임·엄격) 기반 실서버 계약 테스트 도입
서버가 par: null을 주며 모든 홀이 더블보기로 표시되던 무증상 오류를 화면 반영 전에 검출
API 응답 불일치 12건을 엔드포인트·기대값·앱 영향·P0/P1 표로 문서화해 백엔드에 전달
인증 에러 코드 세분화와 retryAfterSeconds 추가를 하위 호환 형태로 제안
VGOLF 스코어카드 인수인계 후 단독 유지보수
카카오·네이버 인앱브라우저에서 이미지 저장이 되지 않던 문제를 devicePixelRatio 스케일과 저장 오버레이로 해결하고 360줄 문서로 남김
VGOLF 경기관제 PM30 이관
태블릿·모바일 통합 앱에서 모바일만 분리하고 Recoil을 zustand로 이행. 상태 저장 1회 7.89ms → 0.058ms, 진입 번들 −56%, 테스트 0 → 162개
Argos(AI 실시간 수업 분석 플랫폼) 프론트엔드 전담
제1회 코리아IT아카데미 바이브코딩 공모전(KIT 해커톤) 500팀 중 3위(장려상)