프론트엔드 엔지니어 | 성능 최적화 전문 | React Query 컨트리뷰터

• EA Korea (Freelancer): 2025.03 ~
• NHN Injeinc: 2024.05 ~ 2025.03
• Pandora.TV: 2023.07 ~ 2024.05

성능 최적화 | PR #8641 → v5.66.3 릴리스

• 문제: useQueries O(N²) 복잡도로 100개 쿼리 시 약 10,000번 연산 발생
• 해결: observerMatches 캐싱 전략 도입, 처리 시간 55% 단축
• 검증: 메인테이너와 협업, 10,000개 쿼리 극한 테스트

SSR Hydration 개선 | PR #9572 (Review 진행중)

• Next.js App Router hydration mismatch 근본 원인 분석 및 해결
• getServerSnapshot 구현으로 서버-클라이언트 상태 일치

기타 기여

• React Query: StrictMode 비동기 타이밍 이슈 해결 (PR #9580), Suspense 처리 버그 수정 (PR #9584), 캐시 복원 시 combine 재실행 누락 버그 수정 (PR #9572)
• React Router: relative() 헬퍼 절대경로 버그 수정 (PR #14156)
• SWR: useSWRInfinite 사용시 전역 mutate로 데이터 갱신이 안되는 현상 수정 (PR #4167)
• shadcn/ui & Radix UI: Slot 패턴 호환성 개선 (PR #4770), Accordion 애니메이션 분석 (Issue #2832)

• Blog: 개인 블로그

• 왜 Suspense가 도입되었을까?
• React Query Issue 해결하기
• React는 예측 가능성을 높여줍니다
• Next.js Cache 캐싱의 두 얼굴: 빠른 속도와 정확한 데이터 사이에서