최승은Seungeun Choi

Frontend Developer

골프장에서 매일 쓰이는 서비스를 제품 단위로 맡고 있습니다. GPS 좌표를 코스맵 픽셀로 변환하고, 움직이는 카트 위에서도 정확히 동작하는 터치 UX를 설계했으며, F&B 제품 전반과 React Native 앱은 각각 혼자 맡아 스토어 제출까지 진행했습니다. 사설망 프린터, 망분리 단말, 스토어 심사처럼 브라우저 밖의 조건까지 고려해야 했습니다.

• Vgolf 경기관제 태블릿 앱 — 500ms GPS 폴링 데이터를 Proj4로 코스맵 픽셀 좌표에 매핑, 홀 폴리곤 지오펜싱으로 진행 홀 자동 전환
• 움직이는 카트 환경의 터치 UX — 진동·속도 변수를 고려해 useTap(30px 허용 임계값), Ghost Click 방지, 더블클릭 가드를 설계
• VGOLF F&B 제품 전반 단독 개발 (10개월 · 520커밋) — 주문·관리자·주방 영수증 출력·매장 사이니지 서브시스템을 설계·구현
• ESC/POS 열전사 프린팅 직접 구현 — 클라우드 정적배포 앱과 매장 사설망(192.168.x.x) 프린터가 닿지 못하는 구조를 로컬 에이전트 경유 raw TCP 브릿지로 해결

개발자 (프론트엔드, 백엔드)

3D·지도 기반 관제 SI의 프론트엔드를 맡았습니다. 그 전 1년간 부트캠프와 스터디에서 익힌 것을 실무에서 본격적으로 쓴 곳입니다. 폐쇄망 현장에서 WebRTC CCTV를 운영까지 올렸고, 탄천 악취 관제는 화면·수집 API·DB·배포까지 혼자 맡아 마무리했으며, 프로젝트마다 복사되던 컴포넌트와 API 호출을 모노레포 패키지로 옮겼습니다.

• 3D 역사 관제 — 자체 엔진으로 GLTF 모델을 띄우고 층별 전환·POI·장치 상태를 하나의 실시간 관제 화면에 통합
• 다중 CCTV 동시 스트리밍과 ICE 상태 기반 재연결 로직 구현
• 부산 도시철도 통합 관제 — 협업처 관제 플랫폼 API 스펙에 맞춰 시설물 9종(조명·셔터·CCTV·화재감지·엘리베이터 등)과 제어 인터페이스를 타입으로 고정해 연결
• WebRTC CCTV — RTCPeerConnection recvonly 트랜시버로 게이트웨이와 SDP를 교환해 RTSP 카메라를 브라우저에서 재생, 현장 운영 적용

프론트엔드 개발자 · 웹디자이너 · 퍼블리셔

공공기관 SI를 맡았습니다. 디자인 시안부터 반응형 퍼블리싱, PHP 연동까지 혼자 진행하는 일이었고, 6개 기관 약 200페이지를 일정에 맞춰 넘겼습니다. 쓸 수 있는 기술은 제한적이었지만 마감과 접근성 기준을 지키는 법을 익혔습니다.

• 공공기관 SI 전 과정 — 디자인 시안, 반응형 퍼블리싱, PHP 템플릿 연동까지 한 사람이 담당
• 리픽 — Vue.js + TypeScript 컴포넌트 설계, Pinia 상태 관리, Storybook UI 문서화로 디자이너·백엔드와 맞춰 볼 기준을 정리
• 인천교육청 교육이음 — XD 기반 교육 플랫폼 UI/UX 디자인 + 반응형 퍼블리싱을 맡아 수행
• 공공기관 6개 사이트 약 200페이지 — 이민재단(60) · 싸템(69) · 양구수목원(43) · 사회보장정보원(18) 등의 마크업을 전량 단독 수행

프론트엔드 개발 인턴

블록체인 생태계에서 React·TypeScript를 실무에 적용한 첫 현장입니다. 티켓 단위로 기능을 맡아 신규 체인 추가와 토큰 검색 페이지를 만들었고, 같은 기능을 리뷰 코멘트에 따라 여러 번 다시 올리며 '동작하는 코드'와 '리뷰를 통과하는 코드'의 차이를 배웠습니다.

• Kujira 체인 추가 — 체인 상수·심볼 에셋·체인 목록 등록까지 신규 체인 온보딩 전 과정을 티켓 단위로 담당
• ERC20·CW20 토큰 검색 페이지 제작 — 특정 체인 전용이던 CW20 검색을 전 체인 지원으로 확장
• 검색 입력 디바운스 처리 — 입력마다 발생하던 조회를 줄이고, 직접 만든 로직을 공통 useDebounce 훅으로 정리
• 리뷰 반영 반복 — 조건 판단 단순화, 불필요한 로그·주석 제거, 스타일 정리를 코멘트에 따라 여러 차례 다시 올림

웹 개발 장학인턴

비개발 조직의 유일한 개발 담당이라 문제를 혼자 찾아 해결해야 했습니다. 직접 디자인해 올린 팝업의 반응을 Google Analytics로 확인하며, 만든 결과를 데이터로 확인하는 습관이 생겼습니다.

• 교내 공식 웹사이트 유지보수 — 중복된 HTML 구조를 통합하고, CSS 네이밍 체계를 정리해 유지보수성 확보
• 팝업 UI 직접 디자인·구현 후 Google Analytics로 반응 확인 — 코드가 사용자 행동에 미치는 영향을 체감
• 레거시 리팩토링 — 불필요한 JS 로직 제거로 페이지 로딩 속도 개선 및 런타임 오류 감소
• 계약 종료 후에도 외주 형태로 유지보수를 이어서 담당

Frontend 단독 개발 (3D 관제 · CCTV 스트리밍 · 외부 플랫폼 연동)

협업처 플랫폼 API 스펙에 맞춰 시설물 9종을 연결하고, WebRTC로 현장 CCTV를 붙여 실제 운영에 올린 도시철도 관제 화면

• 협업처가 어떻게 구현했는지 알 수 없는 상태에서, 가능한 연결 방식을 미리 다 준비해 가서 현장에서 하나씩 붙여 보며 맞는 것을 찾아냄
• WebRTC CCTV 연결 — RTCPeerConnection recvonly 트랜시버로 게이트웨이와 SDP를 교환해 RTSP 카메라를 브라우저에서 재생, 현장 운영 적용
• ICE 상태 감시 + 스트림 정리 — failed/disconnected 시 연결을 닫고, 트랙 stop·srcObject 해제 후 재연결하는 경로를 분리
• 협업처 플랫폼 API 스펙 기반 연결 — 조명·셔터·CCTV·화재감지·엘리베이터·에스컬레이터·물탱크·집수정·공기청정기 9종 + 역사 환경정보·이벤트 현황·제어 요청을 타입으로 고정
• 서로 다른 두 백엔드를 한 화면에서 — 협업처 관제 플랫폼과 자사 API를 클라이언트 레벨에서 분리해 호출

Frontend Developer · React Native 앱 단독 개발

React Native 앱을 개발부터 스토어 제출까지 — 555커밋, zod 2층 계약 테스트로 무증상 데이터 오류를 화면 반영 전에 검출

• React Native 앱 — 555커밋, 화면 21개, 16.5k LOC, iOS·Android 동시 대응
• FSD 5레이어 + 세그먼트 구조 — 슬라이스 공개 API 규칙으로 '기능 삭제 = 폴더 삭제'가 성립하는 코드베이스
• zod 2층 스키마(런타임·엄격) 실서버 계약 테스트 — 서버 par: null로 모든 홀이 더블보기로 표시되던 무증상 오류를 사전 검출
• API 응답 불일치 12건을 영향·우선순위(P0/P1) 표로 문서화해 백엔드에 전달 — 하위 호환을 지키는 형태로 제안
• 3겹 안전망(ErrorBoundary · 전역 핸들러 · QueryState) + axios 에러 6종 정규화 — 로딩·에러·빈 상태를 컴포넌트 3개로 수렴

Frontend Developer · F&B 제품 전반 단독 개발

10개월 520커밋 — 클라우드 웹앱을 매장 사설망 프린터와 잇고, 무네트워크 부팅 사이니지까지 붙인 매장 운영 시스템

• 10개월 · 520커밋 — Next.js App Router 정적 export, TypeScript strict
• ESC/POS 열전사 프린팅 직접 구현 — 80mm 주방 영수증 바이트열 생성 + EUC-KR 인코딩, CJK를 폭 2로 계산하는 고정폭 레이아웃 엔진
• 클라우드→LAN 브릿지 설계 — 정적 배포 앱과 매장 사설망 프린터가 서로 닿지 못하는 구조를, 로컬 프린트 에이전트를 경유해 raw TCP로 해결
• 오프라인 부팅 사이니지(DID) — 망분리 미니 PC가 네트워크 없이 부팅해도 화면이 뜨도록 서비스워커 문서 프리캐시 설계
• WYSIWYG 사이니지 편집기 — 편집 화면과 실제 표출이 동일하게 렌더되도록 %오프셋 저장 + container-query 폰트 자동 스케일

Frontend Track · 우수 수료

• Next.js, Framer Motion, Jest, Sentry, GA 등 프론트엔드 심화
• 딥다이브 스터디 팀장, 프로젝트 투표 1위, 피어리뷰 1위

풀스택 웹 포트폴리오 보강 과정

• OnMeet — 팀장을 맡아 AI 회의록 자동 생성 화상회의 플랫폼을 팀원들과 기획부터 배포까지 개발, 과정 내 수강생 우수상
• 제1회 코리아IT아카데미 바이브코딩 공모전 500팀 중 3위, 장려상 — Argos 프론트엔드 전담

Backend Track · 수료

• Spring, Docker, K8s, Jenkins, ArgoCD 등 백엔드 풀스택
• BOOT_UP — 같은 서비스를 백엔드·프론트(Vue)·DevOps 세 단계로 나눠 구현, 최종 프로젝트는 CalIT
• 프리코스 학생 대상 프론트·백엔드 크로스 강의 진행

정보통신대 디지털미디어 전공 / 영어영문학 부전공