이원노

API 명세가 백엔드 개발이 끝난 뒤에 전달돼 화면 개발 지연 → 화면에 필요한 응답을 MSW 핸들러로 먼저 정의해 개발하고, 명세가 나오면 응답 타입을 맞춰 연동. 같은 핸들러를 Vitest와 mock 개발 서버에서 함께 사용해 공용 개발 DB를 건드리지 않고 E2E 테스트 진행

오픈소스 코어 수정 시 upstream 버전 업그레이드마다 충돌 위험 발생 → 변경 사항을 확장 패키지로 격리해 충돌 방지

API 요청마다 try/catch가 반복되는 구조 → 각 요청의 에러 처리 로직을 제거하고, TanStack Query의 meta 옵션에 에러 코드별 메시지를 매핑해 전역 핸들러가 메시지를 화면에 띄우도록 구성. 개별 처리가 필요한 요청은 별도 flag로 전역 핸들러를 건너뛰도록 예외 경로 마련

7개 상세 화면이 하나의 HTML에 묶여 페이지 진입 시 열리지 않은 화면까지 로드 → 화면별로 코드를 분리해 클릭 시점에 fetch로 불러오도록 변경 후, 불러온 화면은 캐싱해 재요청 방지 → 초기 HTML 80KB에서 20KB로 75% 감소

Django 서버에서 1만 건 이상의 행을 HTML 테이블로 렌더링해 화면 표시까지 30초 이상 소요 → 데이터를 JSON으로 전달하고, 가상 스크롤을 지원하는 Tabulator로 브라우저에서 보이는 행만 렌더링하도록 변경해 페이지 로딩 시간 1초로 단축

급여 산정, 연차 관리 및 연차 수당 산정, 시내버스 배차, 선입선출 자재 단가 산정 등 ERP 핵심 비즈니스 로직 설계 및 구현