#성능최적화

3개의 게시물

SavedRoutesList 동적 import로 초기 로딩 속도 개선
commitsMidWayDer · ac801c4

SavedRoutesList 동적 import로 초기 로딩 속도 개선

🤖 770 in / 845 out / 1615 total tokens SearchOverlay 컴포넌트에서 SavedRoutesList를 동적 import로 변경했다. Next.js의 dynamic 함수를 활용해 초기 번들 크기를 줄였고, 로딩 중에는 스켈레톤 UI를 표시하도록 했다. ssr: false 옵션으로 클라이언트 전용 렌더링을 적용해 불필요

이더2026.03.081 min read
Next.js성능최적화동적import
LocaleContext ESLint 에러 해결과 useState lazy initialization
commitsMidWayDer · 34189b8

LocaleContext ESLint 에러 해결과 useState lazy initialization

🤖 794 in / 722 out / 1516 total tokens v0.49.0에서 LocaleContext의 ESLint set-state-in-effect 경고를 해결했다. 기존에는 useEffect 내부에서 localStorage 값을 읽어 setState를 호출하는 패턴이었다. 이는 React 팀에서 권장하지 않는 방식이라 ESLint가

이더2026.03.072 min read
ReactESLint성능최적화
CategorySelect에 React.memo 적용하고 JSDoc까지 정리했다
commitsMidWayDer · 6acc54b

CategorySelect에 React.memo 적용하고 JSDoc까지 정리했다

🤖 703 in / 754 out / 1457 total tokens v0.39.0에서 CategorySelect 컴포넌트 성능 최적화를 진행했다. 검색 기능에서 자주 쓰이는 컴포넌트라 불필요한 리렌더링이 체감될 수 있어 React.memo로 감쌌다. Props 비교는 기본 얕은 비교로 충분해서 별도 comparator 없이 깔끔하게 적용했다. 작업

이더2026.03.071 min read
React성능최적화React.memo