(ByeongIk Kim, Frontend Engineer)

로봇 플랫폼 기업에서 다양한 로봇 서비스와 운영 및 관리 웹앱을 개발하며 복잡한 요구사항을 빠르게 구조화해 제품으로 구현해 왔습니다.

관리자 기능 개선으로 초기 세팅 시간을 50% 이상 단축했고, 신규 서비스는 기획부터 운영까지 주도하여 고객사 300% 증가 성과를 만들었습니다.

완성도 높은 제품은 협업에서 나온다고 생각하여, 구성원들과 적극적으로 소통하고 고민하며 개발하고 있습니다. 앞으로도 기술적인 깊이와 사용자 경험을 모두 고려한 개발에 집중하며, 끊임없이 학습하고 협력하여 비즈니스 가치를 창출하는 개발자로 성장하고자 합니다.

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 Storybook Jest VS Code Redmine Jira Firebase Google Analytics GTM

Work Experience.

Future Robot

2018. 10 - 2024. 01 5년 3개월

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

• 경비로봇 에스코트 신규 서비스 개발 주도, 고객사 300% 증가
• 로봇 CMS 및 백오피스 사이트 기능 추가, 작업시간 50% 단축
• 실시간 날씨 안내 서비스 개발 및 성능 최적화, 오류 발생 0건 유지
• 사진 촬영 콘텐츠 고도화를 통한 성능 최적화, 성능 20% 향상
• 다국어 지원 안내로봇 / 경비로봇 콘텐츠 개발
• 코로나 대응 열화상 카메라 기반 시스템 개발
• 퀴즈 게임, 오늘의 운세 오락 서비스 개발
• 렌탈 서비스 맞춤형 안내로봇 콘텐츠 개발

JavaScript React.js TypeScript TTS WebSocket LocalStorage CMS SCSS REST API i18n(다국어 지원) Chart MediaDevices Google Analytics

Project.

날씨 안내 콘텐츠

2023. 01 - 2023. 10 퓨처로봇

실시간 날씨 데이터와 다국어 음성 안내 기능을 통한 맞춤형 예보 서비스

기획 단계부터 프론트엔드 개발을 단독으로 담당, UI/UX 설계부터 기능 개발 및 성능 최적화까지 수행.

• 실시간 데이터 처리: 기상청 API 를 사용해 오늘, 내일, 주간 날씨 정보를 동적으로 렌더링, 실시간 날씨 안내 기능 구현.
• 캐싱 최적화 및 성능 개선:
  • 초기에는 캐싱 없이 API 데이터를 직접 받아왔으나, 기상청 API의 간헐적 응답 오류(주 1회 이상)로 인해 런타임 오류 발생.
  • 비정상적인 응답이 감지될 경우, 최신 데이터(어제 또는 내일 데이터)로 대체하는 로컬스토리지 캐싱, fallback로직 적용.
  • 이를 통해 API 호출 빈도 하루 30회 → 2회, 약 93% 감소.
  • 평균 로딩 시간 1600ms → 700ms, 약 56% 단축.
  • API 응답 관련 오류 발생 0건 유지.
• TTS (Text-to-Speech) 음성 안내 기능: 날씨 데이터를 기반으로 TTS 문구를 생성하여 음성으로 예보 제공, 사용자 편의성 향상.
• i18n 다국어 지원: ko-KR, en-US, zh-CN 언어 데이터를 활용하여 UI 및 음성 안내를 다국어로 제공, 글로벌 사용자 접근성 확대.

JavaScript React.js TypeScript 기상청 API localStorage TTS i18n(다국어지원) 웹 성능 최적화