TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
282726252423222120191817
Frontend
React Compiler 1.0 정식 출시 — useMemo·useCallback 작별 가이드
React Compiler 1.0이 stable 진입. 자동 메모이제이션으로 useMemo·useCallback 제거, Meta 사례 + 도입 단계별 가이드.
Infra
eBPF 실전 — Cilium·Pixie·Falco로 만드는 관측·보안
eBPF의 실용적 활용 3가지 — Cilium (네트워크), Pixie (관측성), Falco (보안). 커널 코드 작성 없이 도구만으로 활용하는 가이드.
Frontend
Web Performance 2026 — INP 최적화 + Speculation Rules 실전
Core Web Vitals의 INP(Interaction to Next Paint)를 200ms 아래로 끌어내리는 실전 기법 + Speculation Rules로 페이지 전환 0초.
Database
PostgreSQL 19 신기능 활용 — Direct I/O·jsonpath 1.1·UUIDv7 실전
PostgreSQL 19 (2026-09 출시 예정) 핵심 기능 — Direct I/O 안정화, jsonpath 1.1, UUIDv7, MERGE RETURNING을 베타 단계에서 실전 활용하는 방법.
Etc
개발자가 꼭 알아야 할 리눅스 성능 분석 도구 15가지 — top부터 eBPF까지
서버 성능 분석에 필수인 리눅스 명령 15가지. top·htop·iostat·vmstat부터 perf·bpftrace·bcc까지 계층별로 정리한다.
Database
PostgreSQL 17.2 — 보안 패치와 성능 개선
PostgreSQL 17.2의 보안 패치, 쿼리 최적화, 모니터링 개선 사항.
Infra
Vercel Fluid Compute — 서버리스의 한계를 넘어서
Vercel Fluid Compute의 컨커런시 모델, 기존 서버리스 대비 비용/성능 개선.
Frontend
WebGPU — 브라우저에서 GPU 연산 활용하기
WebGPU API로 브라우저에서 고성능 그래픽과 범용 GPU 연산을 수행하는 방법.
Backend
HTTP/2 Server Push 대안 — 103 Early Hints
HTTP/2 Server Push가 폐기된 후, 103 Early Hints로 리소스를 선행 로드하는 방법.
Frontend
React Compiler — 자동 메모이제이션의 미래
React Compiler의 동작 원리, 자동 메모이제이션, 기존 코드와의 호환성.
Frontend
웹 폰트 최적화 — FOUT, FOIT 방지와 성능 개선
웹 폰트 로딩 전략과 FOUT/FOIT 방지, subset 최적화로 성능을 개선하는 방법.
Infra
Brotli 압축 — gzip 대비 20% 더 작은 웹 전송
Brotli 압축의 원리, Nginx/Node.js 설정, gzip 대비 성능 비교.