김병익 | Notion

(ByeongIk Kim, Frontend Engineer)

5년 3개월간 신규 서비스의 기획과 통신 규격 설계 단계부터 참여해 프론트엔드를 단독으로 맡았습니다. 해당 서비스는 2년간 고객사 4배 확장이라는 성과로 이어졌습니다.

로봇 제어 UI, 관리자 백오피스 및 CMS, 콘텐츠 서비스를 프로덕션에서 개발, 배포, 운영했습니다. 바닐라 JS 레거시 유지보수부터 React, TypeScript 기반 신규 구축까지 담당했습니다.

CMS에 로봇 주행 맵 클릭 기반 좌표 설정 기능을 추가해, 건물당 1시간이 걸리던 좌표 세팅을 10분으로 줄였습니다. 날씨 안내 서비스에서는 API 호출을 93% 줄이고, 로딩 시간을 56% 단축했습니다.

학위를 마무리하는 동안에도 Next.js와 TypeScript 기반 서비스 3건을 기획부터 배포, 운영까지 직접 진행했습니다. 요구사항의 목적을 명확히 파악하고, 그 근거를 기술 결정에 반영하는 방식으로 개발하고 있습니다.

Portfolio. 김병익 | 프론트엔드 포트폴리오 GitHub. https://github.com/bbyik-k Email. [email protected]

Skill.

Languages : JavaScript TypeScript HTML/CSS

Framework & Libraries : React.js Next.js TanStack Query Redux Zustand
SCSS Tailwind CSS Emotion

Tools & Service : Git Supabase Firebase Claude Code Storybook
Vitest Jest Google Analytics GTM Jira Redmine

Work Experience.

Future Robot

10 - 2024. 01 5년 3개월

JavaScript React.js TypeScript SCSS WebSocket Canvas 2D
REST API LocalStorage CMS 백오피스 Admin
TTS i18n(다국어) MediaDevices Chart Google Analytics

기술연구소 콘텐츠 팀 프론트엔드 개발자

경비로봇 에스코트 신규 서비스 개발 - 고객사 4배 확장
- 요구사항 정의부터 참여하여 콘텐츠와 미들웨어 통신 규격을 미들웨어 팀과 함께 설계하고, 프론트엔드 단독 개발
- 경비로봇 고객사 기존 2년간 4개사에서 이후 2년간 16개사로 확장
RCMS 로봇 관리 시스템 좌표 설정 기능 개발 - 세팅 시간 83% 단축
- 개인 작업용 좌표 취득 도구를 사내 CMS에 편입 제안 및 직접 구현
- 목적지마다 로봇을 이동시켜 기록하던 방식을 주행 맵 클릭으로 전환하여, 세팅 시간을 건물당 60분에서 10분으로 단축
- 월별/일별 로봇 운영 데이터 시각화 차트 추가
날씨 안내 서비스 개발 및 캐싱 구조 설계 - 응답 오류 0건 유지
- 미들웨어 캐싱과 localStorage fallback으로 API 호출 93% 감소(일 30회에서 2회로)
- 로딩 56% 단축 (1,600ms에서 700ms로)
사진 촬영 콘텐츠 리팩터링으로 성능 최적화 - CPU 사용량 20%p 절감
다국어(한/영/중) 지원 로봇 콘텐츠 다수 개발 (글로벌 사용자 대응)

Project.

날씨 안내 콘텐츠

01 - 2023. 10 | 퓨처로봇 | 🌐 상세보기

기상청 예보 데이터와 다국어 음성 안내를 통한 고객사 맞춤형 예보 서비스 기획 단계부터 참여해 프론트엔드를 단독으로 담당, UI/UX 설계부터 기능 개발 및 성능 최적화까지 수행.

고객사 위치 기반 맞춤 안내: 건물별 예보 격자와 대기질 측정소를 지정해 현장 기준 날씨를 제공.
기상청 API 연동: 오늘, 내일, 주간 예보를 영역별로 구분해 렌더링