김현수
Frontend Developer
화면 너머의 데이터 흐름까지 설계하며, 기술의 경계를 허물어가는 5년 차 개발자입니다.
5년 간의 프론트엔드 실무 경험을 바탕으로 탄탄한 사용자 인터페이스를 구축해 왔습니다. 단순히 화면을 그리는 것을 넘어 서버와 데이터의 유기적인 연결에 관심이 많으며, 현재는 NestJS와 PostgreSQL을 활용해 기술적 반경을 넓히고 있습니다. CS 지식을 체계적으로 다지기 위해 방송통신대학교에서 학습을 병행하며, 주어진 제약 안에서 최선의 해결책을 고민하는 엔지니어로 성장하고 있습니다.
(주) 피피비 스튜디오스 (PPB Studios)
2024.06 - 2025.10Frontend / Full Stack Developer
일본 오프라인 매장 디지털 전환(DX)
수기와 엑셀로 관리되던 오프라인 매장의 고객/상품 관리 프로세스를 웹 시스템으로 전환했습니다.
고객 정보 및 구매 이력 관리 시스템 구축
고객 방문 시 구매 내역을 수기로 기록하다 보니 데이터 누락이 잦고, 과거 이력을 즉시 확인하기 어려워 개인별 맞춤 응대가 불가능했습니다.
고객 조회와 QR 스캔을 연동한 웹 서비스를 구축하여, 현장에서 즉시 구매 이력이 DB에 쌓이고 조회될 수 있도록 구현했습니다.
기록에 소요되는 시간을 대폭 줄였으며, 누락 없는 데이터를 바탕으로 일본 현장 매장의 고객 관리 체계를 정립했습니다.
매장 회전율을 고려해 복잡한 입력 없이 '조회-스캔-완료'로 이어지는 최소화된 UX를 설계했습니다.
외부 바코드 스캐너 연동을 통한 입력 경험 개선
아이패드 카메라를 이용한 스캔 방식은 기기 위치가 고정되어 있어 인식 속도가 느렸고, 현장 직원들이 매번 기기에 가까이 가서 스캔해야 하는 물리적인 불편함이 있었습니다.
외부 바코드 스캐너를 웹 시스템에 연동하여, 어떤 각도에서도 즉각적인 상품 인식이 가능하도록 개선했습니다.
인식 오류로 인한 지연 시간을 없앴고, 현장 직원들의 사용 편의성을 높여 실제 현장 안착에 기여했습니다.
소프트웨어적인 해결책만 고집하기보다, 하드웨어 연동을 통해 현장 작업자의 물리적 동선을 최적화하는 것이 더 효율적이라고 판단했습니다.
점주 전용 백오피스 시스템
매장 운영에 필요한 고객 관리, 포인트 연동, 통계 기능을 포함한 관리자 시스템의 웹 프론트엔드 개발을 담당했습니다.
사용자 피드백 기반의 워크플로우 최적화
시스템 도입 초기, 실제 매장의 업무 흐름과 맞지 않는 기능들이 있어 현장에서 사용을 기피하는 상황이었습니다.
직접 매장을 방문하여 점주들의 사용 패턴을 관찰하고 불편 사항을 청취했습니다. 이를 바탕으로 복잡한 멤버십 연동 절차를 간소화하는 등 실무 중심의 기능을 우선적으로 반영했습니다.
현장 요구사항이 반영되면서 시스템 활용도가 실질적으로 높아졌고, 매장 업무의 전산화 비중을 성공적으로 높였습니다.
책상 앞에서의 개발보다 현장의 목소리를 직접 듣는 것이 서비스의 가치를 높이는 가장 빠른 방법이라 판단해 매장 방문을 자청했습니다.
자체 쇼핑몰 서비스 운영 및 유지보수
글로벌 이커머스 서비스의 프론트엔드 기능 고도화와 정기 프로모션 대응을 담당했습니다.
반복적인 프로모션 페이지 제작 효율화
주기적으로 진행되는 이벤트 페이지 제작 시 유사한 UI가 반복되어 개발 리소스가 낭비되는 구조였습니다.
자주 활용되는 레이아웃과 디자인 요소를 공통 컴포넌트화하고, 데이터 구성에 따라 화면이 렌더링되도록 구조를 개선했습니다.
반복 업무에 투입되는 시간을 줄여 신규 기능 개발에 집중할 수 있는 환경을 만들었으며, 프로모션 대응 속도도 높였습니다.
(주) 아이알엠
2021.12 - 2024.05Frontend Developer
의료 데이터 조회 및 관리 서비스
대용량 의료 영상(DICOM) 조회 및 관리 도구의 웹 프론트엔드를 개발했습니다.
QR 코드를 활용한 모바일 사진/영상 업로드 기능(Capture) 개발
의료 현장에서 환자의 환부 사진이나 영상을 기록해야 할 때, 매번 무거운 전용 촬영 장비를 이동시키기에는 물리적/시간적 제약이 컸습니다.
데스크톱 서비스에서 환자를 선택하면 생성되는 전용 QR 코드를 모바일로 스캔하여, 스마트폰에서 즉시 미디어를 업로드하고 환자 정보에 연동하는 기능을 개발했습니다.
고가의 전용 장비 없이도 의료진의 스마트폰을 통해 신속하게 기록을 남길 수 있게 되어, 기록 누락을 줄이고 진료 효율을 높였습니다.
모바일에서 환자를 다시 검색하거나 로그인하는 번거로움을 줄이기 위해, QR 코드에 임시 인증 정보와 환자 컨텍스트를 담아 보안을 유지하면서도 접근성을 높였습니다.
노후화된 제품의 Next.js 마이그레이션
기존 jQuery 기반 코드의 유지보수가 한계에 달했고, 수천 장의 의료 이미지를 렌더링할 때 브라우저 메모리 부족 및 성능 저하 현상이 빈번했습니다.
Next.js와 TypeScript를 도입해 아키텍처를 현대화하고, 가상 리스트(Virtual List)와 이미지 최적화 로직을 적용해 렌더링 성능을 개선했습니다.
대용량 이미지 렌더링 속도를 50% 이상 개선했으며, 타입 안정성을 확보해 대규모 리팩토링 과정에서의 사이드 이펙트를 최소화했습니다.
팀의 기술 스택 전환 비용을 고려해 점진적 마이그레이션 전략을 세웠으며, 향후 유지보수가 용이하도록 표준 컨벤션을 정립했습니다.
(주) 프롭웨이브
2021.04 - 2021.11Frontend Developer
미국 부동산 중개 서비스 MVP 개발
Terrak과 협업하여 미국 부동산 매물을 조회하고 관리하는 서비스의 초기 모델을 개발했습니다.
서비스 핵심 기능 구축 및 지도 API 연동
초기 MVP 단계에서 로그인, 매물 리스트, 위치 기반 조회 등 방대한 기능을 단기간에 구축해야 했습니다.
React를 기반으로 로그인/회원가입 기능을 구현하고, Google Maps API를 통합하여 지도 위에서 매물 위치를 시각화하는 핵심 기능을 개발했습니다.
안정적으로 MVP 개발을 완료하여 실제 서비스 배포까지 성공했으며, 초기 시장 반응을 확인하기 위한 기초를 마련했습니다.
빠른 시장 검증이 필요한 신규 서비스의 특성을 고려하여, 핵심 기능 위주로 개발 우선순위를 설정하고 안정적인 배포 프로세스를 구축하는 데 집중했습니다.