미리보기

교보생명 보험 설계 프로그램 개발

코드베이스 리팩토링 경험

• Feature-Sliced Design(FSD) 방식을 적용하여 코드 구조를 개선하고 유지보수성과 확장성을 향상함.

• Next + Electron로 되어 있는 코드를 Vite + Electron으로 개편하여 CPU 사용률을 80% 감축시켰음.

• Vanilla JS로 되어 있는 코드베이스를 React로 리팩토링하여 유지보수성 및 회사간 협업을 구축함.

데이터 흐름 및 협업 개선

• Zod, Zustand, Tanstack Query, Tanstack Router 등을 통해 Entity 기반의 DTO 및 CRUD 로직을 정리하여 협업 시 데이터 흐름을 명확히 함.

테스트 자동화 및 품질 개선

• Postman을 활용한 Backend API 테스트 자동화 및 Vitest, React Testing Library를 활용한 UI 및 Feature 단위 통합 테스트 구축으로 유지보수 비용 절감.

• React Scan, React Profiler 등으로 성능 병목을 분석하고 최적화하여, 메모리 사용량을 줄이고 렌더링 효율을 높여 UX를 개선함.

협업 및 프로세스 개선 경험

• 기존 엑셀 기반의 태스크 관리 방식을 Trello 칸반 시스템으로 전환하여 타사 백엔드, QA 팀 간 협업 프로세스를 최적화하고 커뮤니케이션 효율성을 향상함.

• 클라이언트 및 개발팀과의 소통을 주도하여 UX와 DX를 둘 다 개선하기 위한 프로세스를 구축함.

대규모 데이터 테이블 솔루션 개발 (링크)

• 보험 계리사들의 복잡한 테이블 요구사항을 충족하기 위해 Tanstack Table API를 활용한 데이터 테이블 개발

• React-Data-Grid, Tabulator, Material React Table 등 기존 오픈소스 솔루션을 참고하여 최적의 구현 방식 도출

• Storybook을 활용하여 UI 기능 테스트 환경 구축

• Monorepo 구조를 활용하여 패키지로 테스트 및 import 검증 수행

• 보험 설계에 활용되는 대규모 CSV 데이터(최소 1000 x 1200) 처리를 위해 행과 열 가상화(Virtualization) 적용 → 메모리 사용량을 4GB → 100MB 이하로 최적화

• Memoization 전략을 세분화하여 Data Grid 성능 최적화 및 유저 경험(UX) 개선