유준상 | Frontend Engineer

• TypeScript AST 트랜스포머 병목 특정: 2,600여 개 테스트 케이스 실행 시, ts-auto-mock의 변환 비용으로 인한 CI 실행 지연(1,200초) 원인을 프로파일링으로 분석

• 경량화된 createMock 유틸 자체 설계: Partial Override와 타입 추론을 결합해 컴파일 타임 부하를 없애고 점진적인 코드베이스 마이그레이션 주도

• CI 실행 시간 92.5% 단축: 테스트 소요 시간을 1,200초에서 90초로 단축하여 팀 전체의 배포 피드백 속도를 획기적으로 개선하고 무거운 라이브러리 의존성 제거

• 계산 오차 리스크 도출: 등급별 비율 실시간 조정 시 클라이언트 독자 계산과 서버 산정 방식(소수점 처리, 엣지 케이스) 불일치로 발생할 수 있는 크리티컬 평가 오류 위험을 사전에 정의

• 테스트 케이스 표준화 및 교차 검증: 기획·서버·클라 싱크를 통해 고객사 시나리오 기반 엣지 케이스 TC를 합의하고, 양측 레포지토리에 동일 테스트 작성으로 로직 정합성 강제

• 배포 후 관련 VOC 0건 유지: 복잡한 실시간 인원 산정 피처를 무장애로 런칭하고 QA 검증 리드타임 단축

• 내부 엔지니어 VOC 수집: 잦은 Revert 및 수동 릴리즈 환경에서 릴리즈 드라이버가 노션과 PR을 수동 대조하며 겪는 인지 부하와 커밋 순서 누락 위험을 문제로 발굴

• 사내 공통 CLI 제품화: Notion & GitHub API로 대상 PR의 Merge Commit Hash를 추적하고 의존성에 따라 커밋을 자동 정렬하는 도구(generate-release-command)를 개발해 npm 배포

• 단일 커맨드 기반 릴리즈 표준화: 복잡한 검증 과정을 단 1회 명령어로 자동화하여 매주 정기 릴리즈 시 발생하던 배포 지연 개선

• Material React Table 선제적 PoC: 대형 고객사 수주 데드라인을 맞추기 위해 가상화·DnD 요구사항을 검증(Storybook)하고 MUI 디자인 시스템과 호환되는 MRT 도입 주도

• 공통 Table 컴포넌트 및 계층 변환 유틸 설계: 팀 내 재사용을 위한 상태 훅을 구축하고, 평면 데이터를 트리로 고속 변환하는 buildHierarchy 유틸을 구현해 렌더링 부하 최적화

• 사용자 로그 기반 UX 재설계: 다중 선택 시 발생하던 URL 길이 제한 초과 병목을 페이지네이션 기준(최대 100건) 선택 UX로 재설계

• Source map 연동 및 모니터링 일원화: 서버 관측 환경에 맞춰 Datadog으로 마이그레이션하고, CI 내 Source map 자동 업로드를 구축해 프로덕션 에러의 소스 라인 추적성 확보

• 비즈니스 영향도 기반 에러 분류: 커스텀 CriticalError 클래스를 설계해 결제/평가 등 치명적 실패 시 즉각 알림을 트리거하고 유관 부서 기준의 알림 임계치(Threshold) 적용

• 디버깅 리드타임 단축: datadogRum.addError로 사용자 컨텍스트를 바인딩해 재현성을 확보하고 알림 노이즈를 제거하여 핵심 장애 대응 속도 개선