◆ 프론트엔드 개발자가 알아야 할 쿠버네티스 · 5편
오토스케일링은 자동이지만 즉시가 아니다: HPA의 시간을 구간별로 실측한 기록
트래픽을 12배로 올렸을 때 새 파드가 첫 요청을 받기까지 걸린 31.5초와, 그중 HPA가 부하를 알아채는 데 쓴 22.5초. 배포 직후 5분 동안 오토스케일러가 반응하지 못하는 조건, 스케일 다운이 계단식으로 내려오는 이유, 메모리 기준 HPA가 Node 앱에 맞지 않는 이유, KEDA로 미리 확장하는 방법
20 POSTS
Web-performance 2
『프런트엔드 성능 최적화 Deep Dive』가 출간되었습니다.
🙇🏻♂️
PR diff에서는 보이지 않는 비용: 우리는 사용자가 받는 코드를 리뷰하고 있지 않다
코드 리뷰가 놓치는 bundle 비용, PR에 어떻게 띄울 것인가.
◆ 디렉티브 딥다이브 · 3편'use cache' 디렉티브 딥다이브: 캐시 경계의 끝까지
"use cache" 한 줄이 만드는 빌드 타임 변환, 캐시 키 직렬화, ResumeDataCache, cacheHandler, 그리고 Cache Components까지
◆ 디렉티브 딥다이브 · 1편'use client' 디렉티브 딥다이브: 클라이언트 경계의 끝까지
"use client" 한 줄이 만드는 모듈 경계, 빌드 타임 변환, Flight 직렬화, 그리고 성능까지
◆ Next.js의 현주소 · 4편Next.js의 성능은 충분히 빠른가
벤치마크가 말해주는 불편한 진실
◆ Next.js의 현주소 · 1편Next.js Edge Runtime의 흥망성쇠
Edge Middleware 야 잘 살고 있니?
Infinite Scroll의 몰락 — Google은 왜 무한 스크롤을 걷어냈는가
무한 스크롤이 UX, 성능, 접근성, 그리고 법률의 관점에서 어떻게 재평가되고 있는지 살펴보기
React Compiler 딥다이브: 원리부터 결과물까지
React Compiler가 코드를 어떻게 분석하고 무엇을 만들어내는지, 파이프라인부터 결과물까지 깊이 파헤쳐보기
IntersectionObserver 싱글톤 패턴과 WeakMap으로 메모리 누수 방지하기
수백 개의 요소를 효율적으로 관찰하면서 메모리 누수도 방지하는 방법
거대한 JSON 응답을 효율적으로 처리하는 방법
JSON.parse()가 버거워할 때 살아남는 법
WebGPU, 드디어 모든 브라우저에서 사용 가능해지다
2025년 7월, 14년 만에 브라우저 GPU API 세대교체가 완료됐다
Next.js 캐싱 가이드
Next.js App Router의 4가지 캐시 레이어 알아보긔
React의 새로운 lint 규칙: set-state-in-effect
Effect에서 setState를 호출하면 안 되는 이유와 대안
web performance deep dive (가제) 베타 리더를 모십니다. (마감)
많관부
- ◆ 웹 서비스 성능 분석 · 4편
웹 서비스 성능 분석 (4)
나도 해볼까.. 라는 생각이 든다면 바로 지금 연락주세요!!
- ◆ 웹 서비스 성능 분석 · 3편
웹 서비스 성능 분석 (3)
관심 가져주셔서 감사합니다. 🙇🏻♂️
AI 시대 "프론트엔드, 정말 중요할까?" 라는 질문에 답합니다. (성능, AI, UI/UX, 그리고 미래)
AI와 B2B 환경에서도 프론트엔드는 비즈니스 가치와 직결되는 사용자 경험의 핵심이며, 그 중요성과 역할은 변하지 않기에 끊임없이 가치를 증명하고 발전해야 합니다.
- ◆ 웹 서비스 성능 분석 · 2편
웹 서비스 성능 분석 (2)
관심 가져주셔서 감사합니다. 🙇🏻♂️
- ◆ 웹 서비스 성능 분석 · 1편
웹 서비스 성능 분석 (1)
관심 가져주셔서 감사합니다. 🎉