TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
102810271026102510241023102210211020101910181017
Frontend
TypeScript 5.8 const 타입 파라미터 완벽 가이드 — 리터럴 추론 극대화 실전 예제
TypeScript 5.8의 const 타입 파라미터는 리터럴 추론을 극대화해 as const 남발을 줄인다. 문법과 실전 유스케이스를 정리한다.
Database
Redis 8 실전 활용 — Streams·Vector Search·클러스터 운영 완벽 정리
Redis 8은 Streams, Vector Search, JSON이 코어로 통합됐다. 실무 패턴과 클러스터 운영 체크리스트를 정리한다.
Backend
Bun 1.2 vs Node 22 실전 벤치마크 — 마이그레이션 실전 가이드
Bun 1.2는 프로덕션 채택이 가파르게 늘고 있다. Node 22와의 실전 벤치마크, 호환성 매트릭스, 마이그레이션 절차를 정리한다.
Infra
Kubernetes Gateway API 완전 마이그레이션 가이드 — Ingress-Nginx 은퇴 대응
Kubernetes 1.36에서 Ingress-Nginx가 공식 은퇴한다. Gateway API로의 실전 마이그레이션 3단계, HTTPRoute 매핑 규칙, 트래픽 스위치 전략을 정리한다.
Frontend
Next.js 16 App Router 캐시 완벽 정리 — force-cache, revalidate, use cache 실전 차이
Next.js 16에서 fetch 기본 캐시 정책이 변경되고 use cache 디렉티브가 정식 도입됐다. force-cache·revalidate·use cache의 차이를 실전 시나리오로 정리한다.
AI
Claude API 프롬프트 캐싱 완벽 활용 — 비용 90% 절감 실전 패턴 6가지
Claude API의 프롬프트 캐싱은 시스템 프롬프트·도구 정의·긴 문서 재사용 시 비용을 최대 90% 절감한다. cache_control 사용법과 실전 6가지 패턴을 정리한다.
Backend
Go 1.24 제네릭 실전 — 5가지 실무 패턴과 4가지 안티패턴 완전 정리
Go 1.24 제네릭의 실무 도입 전략. 진짜 유용한 5가지 패턴(컬렉션·Result·Option·Repository·Constraints)과 피해야 할 4가지 안티패턴을 코드로 정리한다.
Frontend
React Server Components 실전 패턴 — 데이터 페칭·Streaming·use server 완벽 정리
React Server Components(RSC)는 서버에서 렌더링되어 번들에 포함되지 않는 새로운 컴포넌트 유형이다. 데이터 페칭·Streaming·use server·Client Boundary의 실전 사용법을 정리한다.
AI
Gemma 4 완벽 가이드 — Ollama로 설치부터 실전 활용까지
Google Gemma 4를 Ollama로 설치하고 실전에서 활용하는 완벽 가이드. 속도, 안정성, 한국어 성능 테스트와 API 연동까지.
Etc
HTTP 완벽 이해 — 메서드 상태코드 헤더 쿠키 총정리
웹 개발의 기초인 HTTP 프로토콜을 메서드, 상태 코드, 헤더, 쿠키, 캐시까지 체계적으로 정리하여 완벽하게 이해할 수 있도록 설명합니다.
Frontend
Vue 3.6 Vapor Mode 완전 정리 — Virtual DOM 없이 0.7초 FCP 달성
Vue 3.6 Vapor Mode의 작동 원리, 성능 벤치마크, 사용 방법. Virtual DOM 없이 FCP 0.7초 달성
Infra
Linux SSH 보안 하드닝 완전 가이드 — 2026년 최신 권장 설정
2026년 최신 기준 SSH 보안 하드닝 가이드. sshd_config 설정, Ed25519 키, Fail2ban, UFW 등