기술노트 — AI·풀스택·인프라 실전 개발 지식 | 영삼넷

본문 바로가기

Backend1분 읽기

HTTP/2 Server Push 대안 — 103 Early Hints

HTTP/2 Server Push가 폐기된 후, 103 Early Hints로 리소스를 선행 로드하는 방법.

#HTTP#Early Hints#Performance

Frontend2분 읽기

React Compiler — 자동 메모이제이션의 미래

React Compiler의 동작 원리, 자동 메모이제이션, 기존 코드와의 호환성.

#React#Compiler#Performance

Frontend1분 읽기

웹 폰트 최적화 — FOUT, FOIT 방지와 성능 개선

웹 폰트 로딩 전략과 FOUT/FOIT 방지, subset 최적화로 성능을 개선하는 방법.

#Web Font#Performance#CSS

Infra1분 읽기

Brotli 압축 — gzip 대비 20% 더 작은 웹 전송

Brotli 압축의 원리, Nginx/Node.js 설정, gzip 대비 성능 비교.

#Brotli#Compression#Performance

Frontend1분 읽기

Next.js 이미지 최적화 — next/image 완벽 활용

next/image 컴포넌트의 최적화 기법, 리모트 이미지 설정, 성능 측정 방법.

#Next.js#Image#Performance

Frontend4분 읽기

Qwik 프레임워크 — 제로 로딩의 JavaScript 앱

Qwik의 Resumability 개념과 제로 JavaScript 로딩 전략, 기존 프레임워크와의 차이.

#Qwik#Resumability#Performance

Backend4분 읽기

HTTP 캐시 전략 — Cache-Control 완벽 이해

HTTP 캐시 헤더의 동작 원리와 Cache-Control 디렉티브별 전략 가이드.

#HTTP#Cache#Performance

Infra1분 읽기

Nginx 성능 튜닝 — worker, 버퍼, 압축 최적화

Nginx의 worker 프로세스, 버퍼 크기, gzip 압축 등 성능 튜닝 가이드.

#Nginx#Performance#Tuning

Database1분 읽기

PostgreSQL 쿼리 플랜 분석 — EXPLAIN ANALYZE 마스터

PostgreSQL의 EXPLAIN ANALYZE로 쿼리 실행 계획을 분석하고 최적화하는 방법.

#PostgreSQL#Query Plan#Performance

Frontend4분 읽기

웹 성능 최적화 2025 — Core Web Vitals 개선 전략

2025년 기준 Core Web Vitals 최적화 전략 — LCP, INP, CLS 개선 방법.

#Performance#Core Web Vitals#SEO

Backend4분 읽기

Python 3.13 새 기능 — 실험적 JIT, 향상된 에러 메시지

Python 3.13의 실험적 JIT 컴파일러, 개선된 에러 메시지, 새로운 기능 정리.

#Python#JIT#Performance

Frontend4분 읽기

WebAssembly 실전 활용 — 브라우저에서 네이티브 성능을

WebAssembly(Wasm)로 브라우저에서 고성능 연산을 수행하는 방법과 활용 사례.

#WebAssembly#Wasm#Performance