- 문제: • 메인 페이지 진입 시 전국 법정구역 데이터를 브라우저 런타임에서 가공하여 필터를 생성하는 로직, 메인 스레드 점유 시간이 길어졌고, 이는 FCP(First Contentful Paint) 지표 악화와 저사양 기기에서의 이탈로 이어짐. - 해결: • 런타임을 Bun으로 교체하여 최적화 파이프라인을 구축. 특히, 동적으로 계산하던 지역 매핑 데이터를 빌드 타임 사전 연산(Pre-computation)으로 전환하여 브라우저의 연산 부담을 제거. - 성과: • 빌드 타임 91% 단축(35초→3초)하여 배포 효율 개선, 런타임 오버헤드 제거를 통해 사용자 주소 검색 페이지 FCP를 기존 대비 약 50% 개선. - 기술 개선: • styled-components→Tailwind CSS 마이그레이션(Zero-runtime), CSS-in-JS의 런타임 비용을 제거. • Feature 기반 아키텍처를 도입하여 도메인 간 결합도를 낮추는 방향으로 개선.

- 문제: • 기존 레거시 크롤러가 전국 법정구역을 순회할 때마다 불필요한 DB 트랜잭션을 반복 생성, 데이터베이스 과부하를 유발→수집 속도 저하되는 병목 현상 발생. - 해결: • 미리 정의된 법정동 코드 기반의 메모리 내 루프(In-memory Loop) 구조로 로직을 개편, 불필요한 DB 접근을 원천 차단. - 성과: • 데이터베이스 트랜잭션 부하를 완전히 제거→시스템 가용성을 확보, 데이터 수집의 정합성과 안정성 개선. - 기술 개선: • Poetry를 도입하여 파이썬 의존성 충돌 문제 해결.

- 문제: • 복잡한 공적 서류 발급 프로세스 구현 시, 수십 개의 액션과 리듀서가 중복 작성→코드 비대화가 발생. 유지보수 시 타입 추론 오류의 원인이 되었으며 개발자의 작업 피로도 상승. - 해결: • Factory 패턴 기반의 "makeStore" 함수를 구축하여 도메인 키워드(e.g., auth) 작성만으로 Store, Thunk, Selector를 자동 생성하는 TypeScript 인터페이스 설계. • 반복되는 상태 구조를 추상화하여, 도메인 키워드(e.g., auth) 입력만으로 Store, Thunk, Selector 등 필수 객체를 일관된 규격으로 자동 생성하는 TypeScript 기반 Factory 함수 구축. - 성과: • 아키텍처 표준화를 통해 휴먼 에러를 방지. • 보일러플레이트 대신 핵심 비즈니스 로직에 집중할 수 있는 환경 조성.

- 문제: • 구식 런타임 환경과 파편화된 의존성 관리로 인해 개발 환경의 일관성 결여 • 노후화된 빌드 도구로 인한 긴 피드백 루프가 기능 배포의 병목 현상을 야기하여 전반적인 개발 경험(DX)과 서비스 안정성 저하. - 해결: • Node.js 런타임 및 핵심 라이브러리를 최신 버전으로 업그레이드. • 전사 프론트엔드 표준 규격에 맞춘 CI/CD 파이프라인을 재설계. • 서비스 중단 없는 전환을 위해 단계적 마이그레이션 전략을 수립하고 레거시 코드의 안티 패턴을 현대적인 선언적 코드로 리팩토링. - 성과: • 전체 빌드 타임 50% 단축(1분→30초), 개발 주기 효율 향상 • 환경 일관성 확보를 통해 배포 시 발생하는 사이드 이펙트를 차단. - 기술 개선: • 마이그레이션 과정에서 발생하는 리소스 소모를 최소화하기 위한 경험을 문서화하여 자산화. • 대규모 시스템 개편 시 발생할 수 있는 리스크 관리 역량 확보.

- 문제: • 영어 기반 서비스의 글로벌 확장을 위해 다국어 대응이 시급했으나, • 기존 웹팩 설정의 불필요한 로더들이 빌드 병목을 일으켜 긴급 기능 배포에 차질을 빚고 있었음. - 해결: • react-i18next를 활용한 다국어화(i18n) 아키텍처를 주도하여 설계, • 기존 로더를 제거한 뒤 esbuild를 도입하여 빌드 시스템을 경량화. - 성과: • 전체 빌드 시간 약 86% 단축(1분→8초), • 다국어 지원을 통해 비영어권 국가 사용자의 접근성을 높여 전체 서비스 사용자 리텐션(Retention) 향상에 기여. - 기술 개선: • 특정 데이터 지표 도달 시 Telegram API를 통해 즉각적인 알림을 발송하는 시스템 구축, 실시간 데이터 플랫폼으로서의 가치 창출. • 서비스 내 QuickTake 커뮤니티의 글 작성, 좋아요, 댓글 등 핵심 상호작용 기능 개발로 사용자 경험 개선.