TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
535251504948474645444342
Frontend
무한 스크롤, IntersectionObserver로 깔끔하게 구현
scroll 이벤트 + offset 계산은 성능도 나쁘고 버그도 많다. IntersectionObserver로 sentinel을 감시하는 방식이 표준이다.
Frontend
React.memo, useMemo, useCallback 언제 쓰고 언제 안 쓰나
세 가지 메모이제이션은 "비싼 계산"이나 "memo된 자식에 넘기는 참조"에만 의미가 있다. 무지성 남발은 오히려 느려진다. 판단 기준 정리.
Frontend
Qwik 2.0 resumability — 1년 운영 후 정직한 평가
Qwik 2.0 production 1년. resumability(hydration 부재)의 진가와 한계. 마케팅 사이트 vs 대시보드 적합도, 이직 시 인력 채용 문제.
Frontend
Astro 5.5 server islands — 동적 컴포넌트 정착 6주
Astro 5.5의 server islands로 부분 SSR 패턴 정착. 정적 사이트에 로그인·장바구니 같은 동적 영역만 서버 렌더링. TTFB -42%.
Infra
Vercel Fluid Compute — production 6주 실측, 콜드 스타트 -82% 비용 -34%
Vercel Fluid Compute GA 6주 운영. 콜드 스타트 평균 920ms → 168ms, 함수당 비용 -34%. concurrency·streaming·재사용 패턴 정리.
Infra
Sentry 25 Trace Explorer — 트레이스 분석 워크플로 6가지
Sentry 25의 Trace Explorer + Insights로 분산 트레이스 분석. 사내 정착한 6개 워크플로 + 알람 패턴.
Frontend
Next.js 17 PPR 정착 — Partial Prerendering 6개월 운영기
Next 17 PPR을 트래픽 3M PV/월 사이트에 6개월 운영. TTFB -42%, CDN 비용 -31%, Suspense 경계 설계 노하우.
Backend
Bun 2.0 프로덕션 도입 6개월 — Node에서 옮기며 본 7가지
소규모 API 12개 Bun 2.0로 이전한 6개월. 콜드 스타트 -68%, 메모리 -41%, 호환성 문제와 monorepo 함정.
DB
PostgreSQL 18 Beta — skip scan + io_uring 실측 6배
PG18 Beta의 multi-column index skip scan과 io_uring async I/O. 12억 row 테이블 실측 6.2배 빨라진 쿼리 4가지.
Frontend
React Server Components — cache() API 1년 실전, 6가지 패턴
RSC cache()를 1년 운영하며 정착한 6가지 패턴. request memoization 오해, 직렬화 함정, 동등성 키 설계까지.
Backend
Rust Axum 0.9 + tokio 2.0 — 고처리량 프로덕션 튜닝
tokio 2.0 LTS와 Axum 0.9의 새 미들웨어 스택으로 단일 노드 처리량을 1.6배 끌어올린 튜닝 사례.
Frontend
Next.js 16 PPR — Partial Prerendering 프로덕션 3개월 운영기
Next.js 16 PPR 정식 활성 이후 3개월 운영. LCP, TTFB, 캐시 hit rate, 운영 함정과 마이그레이션 패턴.