◆ Core Web Vitals 직접 수집하기 · 3편
앱 웹뷰의 핵심 웹 지표를 공용 관측 인프라로 보내기
앱 웹뷰에서 측정한 핵심 웹 지표를 공용 관측 인프라로 보내면서 일부 값이 누락됐다. 웹뷰의 이탈 이벤트부터 tail sampling, 누적 변환, Tempo 조회까지 재현 환경에서 확인하고, 수집 코드를 바꿔 해결할 수 있는 범위를 살펴봤다.
20 POSTS
Backend 1
◆ OG 스크래핑 서버 설계 노트 · 2편OG 스크래핑 서버를 Node.js로 짓는다면 (2): SSRF는 어떻게 뚫리는가
사용자가 준 URL을 서버가 대신 여는 기능은 SSRF의 교과서적 조건을 명세로 갖고 있다. 화이트리스트를 뚫는 우회 여섯 가지를 먼저 보고, 그것을 막는 방어 원리 다섯 개를 Node에서 실제로 돌려본 기록. 손으로 IPv4-mapped를 벗기면 16진 표기에서 뚫리고, undici의 lookup 훅은 호스트가 IP 리터럴이면 아예 호출되지 않으며, URL.hostname은 IPv6 리터럴의 대괄호를 남긴다. OG 스크래핑 서버 설계 노트 2부작의 마지막 편이다.
◆ OG 스크래핑 서버 설계 노트 · 1편OG 스크래핑 서버를 Node.js로 짓는다면 (1): 런타임 선택부터 에러율과 지연까지
링크 미리보기 서버의 "에러율 10%"는 성질이 다른 다섯 종류의 실패가 뭉친 숫자다. 이 워크로드가 왜 I/O 바운드에 저 TPS인지, 런타임 선택이 실제로 갈리는 네 지점은 어디인지 따져본 뒤, User-Agent와 인코딩으로 에러율을 낮추는 일로 넘어간다. Node 내장 TextDecoder는 CP949 확장 문자를 에러 없이 다른 글자로 바꾸고, 스크랩해 온 og:title은 API 응답이 아니라 사용자 입력이다. 캐시 스탬피드와 negative caching, 그리고 "P95 1초 미만"을 캐시 히트율에서 역산해 검증하는 200만 건 시뮬레이션까지 담았다. OG 스크래핑 서버 설계 노트 2부작의 첫 편이다.
◆ 프론트엔드 개발자가 알아야 할 쿠버네티스 · 5편오토스케일링은 자동이지만 즉시가 아니다: HPA의 시간을 구간별로 실측한 기록
트래픽을 12배로 올리고 새 파드가 첫 요청을 받기까지 31.5초. 그 31.5초의 내역서를 스톱워치로 뽑았다. 감지 창이 지배하는 구조, 배포 직후 5분 창에서 오토스케일러가 눈을 잃는 조건, 안정화 창의 계단, 메모리 HPA가 Node에서 불발되는 이유, KEDA의 선제 확장까지. 프론트엔드 개발자를 위한 쿠버네티스 시리즈의 다섯 번째 편이다.
◆ 디렉티브 딥다이브 · 3편'use cache' 디렉티브 딥다이브: 캐시 경계의 끝까지
"use cache" 한 줄이 만드는 빌드 타임 변환, 캐시 키 직렬화, ResumeDataCache, cacheHandler, 그리고 Cache Components까지
◆ Next.js의 현주소 · 4편Next.js의 성능은 충분히 빠른가
벤치마크가 말해주는 불편한 진실
◆ Next.js의 현주소 · 2편Cloudflare가 Next.js를 다시 만든 이유
vinext가 던진 질문은?
◆ Next.js의 현주소 · 1편Next.js Edge Runtime의 흥망성쇠
Edge Middleware 야 잘 살고 있니?
◆ 디렉티브 딥다이브 · 2편React 서버 함수 딥다이브: "use server"의 끝까지
"use server" 한 줄 뒤에서 무슨 일이 벌어지고 있는가?
Node.js vm 모듈의 함정: 샌드박스가 아닌 이유
집필 중인 Node.js Deep Dive의 5.2장(vm 모듈의 함정) 일부를 미리 공개합니다.
Node.js Deep Dive (가제) 베타 리더를 모십니다.
많관부22
거대한 JSON 응답을 효율적으로 처리하는 방법
JSON.parse()가 버거워할 때 살아남는 법
React 취약점인데 왜 Next.js를 업그레이드해야 하지?
CVE-2025-55182, CVE-2025-55184, CVE-2025-55183 그리고 Next.js의 숨겨진 React
[블로그] PWA 임시 중지
내 돈
Remix nextjs와 비교하면서 살펴보기
늘 새로워 짜릿해 새로운게 또 나왔어
Node.js의 메모리 제한과 누수 추적 가이드
V8 가비지 컬렉션의 세대별 구조, 힙 메모리 제한 조정, 그리고 메모리 누수를 진단하는 실용적인 방법을 정리합니다.
nextjs 서버사이드에서 absolute url 가져오기
이번 달 포스팅이 더디네요... 반성합니다.
Nodejs의 이벤트 루프 살펴보기
이벤트 루프는 4개의 큐, 그리고 2개의 중간 큐가 있습니다.
비동기 리소스 (async resources)와 비동기 훅 (async hooks) 이해하기
비동기로 불타는 금요일
브라우저와 Nodejs의 이벤트 루프는 무엇이 다를까
인생은 돌고 도는 이벤트 루프