미리보기

클라우드 모니터링 시스템 프론트엔드 개발을 담당하고 있습니다.

• 프로젝트 초기에 합류하여 프론트엔드 팀원들이 공통적으로 사용하는 기능 개발 및 유지보수를 진행하고 있습니다.

• 적극적인 코드리뷰, 10+개의 문서화 작업, 레퍼런스 및 아티클 공유, 비개발자와 소통을 위한 용어 정리 등 활발하게 팀 문화를 개선하고 팀이 겪고 있는 문제를 해결하고 있습니다.

인프라, 컨테이너, 서비스 등을 실시간으로 확인하여 데이터를 분석 수집해 빠른 장애 대응을 위한 클라우드 모니터링 서비스

기술스택

Vue.js TypeScript Jira Bitbucket

Experience

[기술 도입 및 성능 개선]

• 서버 및 클라이언트 상태관리가 혼재 문제와 비동기 통신에 대한 일관성 저하 문제 해결을 위해 tanstack-query 도입

  • 서버 와 클라이언트 상태관리 관심사를 분리

  • 도메인 별 커스텀 훅을 설계하여 비즈니스 로직을 분리하여 설계하여 유지보수성 상승

  • view단 로직 코드라인 최대 50%감소

  • 선언적인 코드 작성으로 가독성 향상

• 외부 라이브러리 없이 무한 스크롤 구현 (Intersection Observer API + 쓰로틀링)

[개발 환경 개선 및 생산성 향상]

• 불안정한 서버 상태를 프론트엔드 측면에서 해결하기 위해 MSW도입

  • 실제 api의 스펙 interface에 맞춰 모킹

  • 도입 이후 조회(GET) api 모킹 커버리지 약 57% 달성

• lint-rule을 추가하여 모듈 Import일관성 적용

  • 규칙이 적용되지 않은 import문 에러 표출 및 저장시 자동정렬

  • 코드 리뷰시 불필요한 commit diff방지

toss/es-toolkit

• 프론트엔드 생태계의 긍정적인 인사이트를 위해 PR로 기여를 진행 중.(PR)

프론트엔드 관련 도서를 읽고 정리하며 토론하는 시간을 가지고, 발표를 통해 인사이트를 얻어가는 활동

스터디 진행 : [함수형프로그래밍] [리액트 딥다이브] [프레임워크 없는 프론트엔드]

다양한 직군과 함께하는 온라인 해커톤 (후기)

• 기획자 및 디자이너(비개발자)와의 소통 경험

• UI/UX 페르소나 및 라이팅 작업

현업 개발자 멘토와 대학생 멘티가 팀을 이루어 진행하는 ICT공모전.

• IOT 기반의 스마트 자전거 자물쇠 개발

• 아두이노 회로도 설계 및 아두이노 블루투스 통신 동작 구현

관련 자료

• 시연 영상 (링크)

• 기재 논문 (링크)