TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
232221201918171615141312
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 대비 성능 비교.
Frontend
Next.js 이미지 최적화 — next/image 완벽 활용
next/image 컴포넌트의 최적화 기법, 리모트 이미지 설정, 성능 측정 방법.
Frontend
Qwik 프레임워크 — 제로 로딩의 JavaScript 앱
Qwik의 Resumability 개념과 제로 JavaScript 로딩 전략, 기존 프레임워크와의 차이.
Backend
HTTP 캐시 전략 — Cache-Control 완벽 이해
HTTP 캐시 헤더의 동작 원리와 Cache-Control 디렉티브별 전략 가이드.
Infra
Nginx 성능 튜닝 — worker, 버퍼, 압축 최적화
Nginx의 worker 프로세스, 버퍼 크기, gzip 압축 등 성능 튜닝 가이드.
Database
PostgreSQL 쿼리 플랜 분석 — EXPLAIN ANALYZE 마스터
PostgreSQL의 EXPLAIN ANALYZE로 쿼리 실행 계획을 분석하고 최적화하는 방법.