안녕하세요! 3년차 프론트엔드 개발자 김현수입니다.
Email. tomy9729@naver.com
Phone. 010-2254-0252
Github. https://github.com/tomy9729
3년차 프론트엔드 개발자 김현수입니다. Vue 기반의 SPA 개발을 중심으로 실시간 데이터 처리, 대시보드 UI 구현, 성능 최적화에 익숙하며, 유지보수성과 사용자 경험을 모두 고려한 개발을 지향합니다.
브레인즈컴퍼니에서 서버, 네트워크, 데이터베이스 등 주요 인프라 자원을 통합 관리할 수 있는 B2B 모니터링 솔루션, Zenius의 차세대 버전 개발에 초기 멤버로 참여 중입니다. 실시간 데이터 처리 성능을 높이기 위해 Protocol Buffers(GPB)와 WebSocket을 활용한 구조를 설계해 적용한 경험이 있습니다.
코드 작성 이후에는 팀원들과 코드 리뷰를 적극적으로 진행하며, 컴포넌트의 props와 이벤트 흐름에는 항상 주석을 남기는 등 협업과 유지보수를 고려한 습관을 갖고 있습니다.
React와 TypeScript도 클론 코딩과 토이 프로젝트를 통해 학습 중이며, Next.js를 활용한 개인 프로젝트도 준비하고 있습니다. 기술적으로 계속 성장하면서, 제품 전반에 책임감을 갖고 기여하는 개발자가 되고자 합니다.
개발3그룹 ZNG팀 대리
2022.2~현재
Zenius New Generation(ZNG)
브레인즈 컴퍼니의 솔루션 서비스인 제니우스의 차세대 버전 ZNG 개발
Vue.js, Js, Css, Html, Vue Router, Docker, Web socket 사용
실시간 APM 차트, 리소스 모니터링 대시보드 등의 주요 화면 개발. 다양한 형태의 복합 데이터를 시각화. WebSocket과 Google Protocol Buffer 기반의 실시간 데이터 수신 구조를 활용해 빠르고 안정적인 데이터 반영을 구현
Vue Router를 활용해 로그인 사용자 권한에 따른 접근 제어, 초기 진입 시 조건 분기, 로그인 후 리다이렉트 등의 흐름을 구현. 동적 라우트, 중첩 라우트, 네비게이션 가드, 라우트 간 props 전달 등 다양한 기능을 적용해 사용자 경험과 유지보수성을 고려한 라우팅 환경을 구성함.
Highcharts 기반의 실시간 라인/바 차트 커스터마이징 구현 Canvas 기반 애니메이션 직접 개발: 데이터 흐름을 시각화하여 사용자 몰입도 향상 브라우저 비활성화 시 애니메이션 중단 문제 해결을 위해 시간 필터링 기반 렌더링 최적화 메모리 부하 감소 및 퍼포먼스 안정성 확보
Vue 2에서 Vue 3로의 마이그레이션을 진행하면서 Option API를 유지하는 전략을 채택. v-model, emits, transition 클래스 등 변경된 문법을 반영했고, fragments 적용 등 Vue 3의 핵심 변경 사항들을 프로젝트 상황에 맞게 적용. 주요 라이브러리들의 호환성을 점검하고, 기존 기능들이 정상 동작하는지 전반적으로 확인하며 안정성을 확보
한국어/영어를 지원하는 I18n 시스템을 직접 개발해 전 화면에 적용. 브라우저 언어 감지, 사용자 설정 언어, 인앱 드롭다운 언어 변경 등 다양한 전환 방식을 지원. 언어 리소스는 JS 파일 단위로 분리해 공통/카테고리/컴포넌트 단위로 효율적으로 관리. 외부 라이브러리 없이 자체 구현하여 프로젝트에 최적화된 경량 구조로 구성
설정 화면 등 복잡한 흐름의 UI를 기획 단계부터 참여, PPT로 초기 레이아웃 설계. 사용자 대상이 개발자/엔지니어임을 고려하여 직관적인 UX 설계 지향. 요구사항 파악 화면 흐름 및 기능 설계에 적극 반영
단국대학교 소프트웨어학과 (2015.3~2021.2)
SSAFY 6기 (2021.7~2022.2)
케이쉴드 주니어 4기 (2020.4~2020.7)
AI 이노베이션 스퀘어 (2020.9~2020.11)