Selected work 6 cases
Casestudies
현장에서 해결한 문제들을 정리한 케이스 스터디입니다. 보안 정책에 따라 일반화된 형태로 기술합니다.
-
Redux에서 Zustand로, 1년 5개월 만에 마이그레이션 완료
절반 지점에서 멈춰 있던 이야기의 결말 — 남은 레거시를 정리하고 Redux를 완전히 제거하기까지
React Zustand Redux State Management Migration -
CSP 설정, 인프라에서 프론트엔드 앱으로 가져오기
인프라팀이 관리하던 CSP를 Next.js 앱으로 이관한 과정 — 이관 이유, 검증 방법, 그리고 nonce를 검토 후 보류한 이유
Security CSP Next.js Web -
초기 로딩 10초 흰 화면을 줄인 과정
Next.js SSR 환경에서 i18n 초기화 구조를 개선하여 초기 렌더링 지연 문제를 해결한 경험
Next.js Performance i18n SSR SaaS -
CVE Critical 딱지, 전부 고쳐야 할까
CI에 SBOM 보안 스캔이 도입된 후, 담당 프로젝트의 취약점을 분석하고 조치하며 나름의 작업 흐름을 만들어간 경험
Security SBOM CI/CD Frontend -
무거운 번들과 렌더 블로킹 걷어내기 — Lighthouse 60점대에서 90점대로
커진 JS 번들과 렌더를 막는 리소스가 초기 화면을 붙잡고 있었다. 코드 스플리팅·번들 축소·렌더 블로킹 제거·이미지/폰트 최적화로 Lighthouse 성능 점수를 60점대에서 90점대로 끌어올린 작업.
Performance Rendering -
10,000개 아이템 리스트, 3초에서 0.3초로
가상 스크롤링과 메모이제이션으로 대규모 리스트 렌더링 성능을 10배 개선한 사례
Performance React Virtualization