(ByeongIk Kim, Frontend Engineer)

로봇 플랫폼 기업에서, 사람과 로봇이 자연스러운 상호작용을 할 수 있도록 지원하는 웹앱을 개발해왔습니다. 이 과정에서 사용자 중심의 기능을 설계하고 구현하며, 더 나은 경험을 제공하는 데 집중했습니다.

단순한 UI 개발을 넘어, 신규 서비스 개발을 통해 비즈니스 가치를 확장하는 경험을 했습니다. 다양한 요구사항과 맞춤화 전략이 필요한 콘텐츠를 개발하며, 고객의 입장에서 제품을 깊이 이해하는 역량을 키워왔습니다.

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

Email. [email protected]

GitHub. https://github.com/bbyik-k

Portfolio. 김병익 | 프론트엔드 포트폴리오

Skill.

Languages

JavaScript TypeScript HTML/CSS

Framework & Libraries

React.js Next.js TanStack Query Zustand SCSS Tailwind CSS Emotion

Tools & Service

Git Storybook VS Code Redmine Jira Firebase Google Analytics GTM

Work Experience.

Future Robot

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

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

• 경비로봇 에스코트 서비스 개발
• RCMS 사이트 기능 추가 및 유지보수
• 실시간 날씨 안내 서비스 개발 및 개선
• 사진 촬영 콘텐츠 고도화
• 다국어 지원 안내로봇 / 경비로봇 콘텐츠 개발
• 코로나 대응 열화상 카메라 기반 시스템 개발
• 퀴즈 게임, 오늘의 운세 오락 서비스 개발
• 렌탈 서비스 맞춤형 안내로봇 콘텐츠 개발

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회 이상)로 인해 런타임 오류 발생.
  • 비정상적인 응답이 감지될 경우, 최신 데이터(어제 또는 내일 데이터)로 대체하는 로컬스토리지 캐싱로직 적용.
  • 이를 통해 API 호출 빈도 40% 감소, 평균 로딩 시간 약 30% 단축, 예외 상황에서도 사이트 안정성 유지.
• TTS (Text-to-Speech) 음성 안내 기능: 날씨 데이터를 기반으로 TTS 문구를 생성하여 음성으로 예보 제공, 사용자 편의성 향상.
• i18n 다국어 지원: ko-KR, en-US, zh-CN 언어 데이터를 활용하여 UI 및 음성 안내를 다국어로 제공, 글로벌 사용자 접근성 확대.

JavaScript React.js TypeScript 기상청 API localStorage TTS i18n(다국어지원)