TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
1615141312111098765
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로 쿼리 실행 계획을 분석하고 최적화하는 방법.
Frontend
웹 성능 최적화 2025 — Core Web Vitals 개선 전략
2025년 기준 Core Web Vitals 최적화 전략 — LCP, INP, CLS 개선 방법.
Backend
Python 3.13 새 기능 — 실험적 JIT, 향상된 에러 메시지
Python 3.13의 실험적 JIT 컴파일러, 개선된 에러 메시지, 새로운 기능 정리.
Frontend
WebAssembly 실전 활용 — 브라우저에서 네이티브 성능을
WebAssembly(Wasm)로 브라우저에서 고성능 연산을 수행하는 방법과 활용 사례.
Frontend
Astro 프레임워크 — 콘텐츠 중심 웹사이트의 최적 선택
Astro의 아일랜드 아키텍처와 제로 JS 전략으로 초고속 웹사이트 구축하기.
Frontend
웹 성능 최적화 — Core Web Vitals 개선 전략
Core Web Vitals(LCP, FID, CLS)를 개선하는 구체적인 전략과 측정 방법.
Database
SQL 쿼리 최적화 10가지 실전 팁
느린 SQL 쿼리를 빠르게 만드는 10가지 실전 최적화 기법.
Database
Redis 캐싱 전략 — Cache-Aside, Write-Through, Write-Behind
Redis를 활용한 캐싱 패턴 3가지와 각각의 장단점, 실전 적용 기준.