[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응
[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응
Next.js 환경에서 디자인 시스템 라이브러리의 번들 최적화와 구형 브라우저 대응 방법을 정리했습니다. 모듈 구조 유지, transpilePackages, 폴리필 전략을 통해 서비스 단의 호환성과 성능을 함께 개선했습니다.
#Next.js#React
86005분
새로운 기술 블로그가 추가되었어요
필터 1
Vite로 구버전 브라우저 지원하기
Vite 레거시 플러그인으로 구버전 Safari와 Chrome의 흰 화면 문제를 해결한 사례를 다루었습니다. targets 설정만으로는 부족해 modernPolyfills를 함께 조정한 과정도 설명했습니다.
#Vite#React
58005분
쿠팡 로켓배송: 공간 색인 기반의 새로운 배송 영역 관리 시스템
우편번호와 텍스트 주소 중심의 배송 영역 관리를 H3 육각형 격자 기반으로 재설계했습니다. 지도 시각화와 공간 통계로 영역 분할, 수정, 경로 최적화를 개선했습니다.
#H3#spatial indexing system
25005분