TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
151413121110987654
Frontend
React 19 ref prop — forwardRef 없이 ref 전달하기
React 19부터 함수 컴포넌트가 ref를 일반 prop으로 받는다. forwardRef 없이 ref 전달하기, ref 콜백 클린업, codemod 마이그레이션과 타입 지정까지 정리.
Infra
DNS TTL과 캐싱 — 'DNS 전파'의 진짜 정체
DNS 전파가 느리다는 통념의 실체는 TTL 캐시 만료입니다. 계층별 캐시 구조, 마이그레이션 전 TTL 조정, 네거티브 캐싱까지 실무 관점으로 풀었습니다.
Infra
OpenTelemetry 시맨틱 컨벤션 안정화 — 속성 이름이 바뀌면 대시보드가 깨진다
OpenTelemetry 시맨틱 컨벤션이 Stable로 승격되며 http.method 같은 속성 이름이 대거 바뀌었다. 대시보드가 조용히 깨지지 않게 opt-in 스위치로 안전하게 이관하는 실전 순서를 정리했다.
Infra
Kubernetes Gateway API 완전 마이그레이션 가이드 — Ingress-Nginx 은퇴 대응
Kubernetes 1.36에서 Ingress-Nginx가 공식 은퇴한다. Gateway API로의 실전 마이그레이션 3단계, HTTPRoute 매핑 규칙, 트래픽 스위치 전략을 정리한다.
Frontend
Tailwind CSS 4 마이그레이션 가이드 — CSS-first 설정과 성능 개선 총정리
Tailwind CSS 4의 CSS-first 설정, Oxide 엔진, 새로운 유틸리티 클래스 등 주요 변경사항과 마이그레이션 가이드
Frontend
ESLint Flat Config 마이그레이션 완벽 가이드
ESLint의 새로운 Flat Config 시스템으로 마이그레이션하는 방법과 기존 .eslintrc 설정과의 차이점, 실전 설정 예제를 제공합니다.
Backend
데이터베이스 마이그레이션 전략 — Blue-Green과 Rolling 비교
프로덕션 데이터베이스 마이그레이션 시 Blue-Green 배포와 Rolling 업데이트 전략의 차이점, 장단점, 실전 적용 방법을 비교합니다.
Backend
Drizzle ORM 심화 — 관계 정의와 마이그레이션 전략
Drizzle ORM 심화 — 관계 정의와 마이그레이션 전략 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
Next.js App Router 마이그레이션 — Pages에서 전환하기
Next.js App Router 마이그레이션 — Pages에서 전환하기 — 실무에서 바로 적용할 수 있는 가이드입니다.
Backend
Drizzle ORM 시작하기 — TypeScript 네이티브 ORM의 새로운 대안
Drizzle ORM 시작하기 — TypeScript 네이티브 ORM의 새로운 대안 — 실무에서 바로 적용할 수 있는 가이드입니다.
Infra
Docker Compose V2 — V1에서 마이그레이션하기
Docker Compose V2 — V1에서 마이그레이션하기 — 실무에서 바로 적용할 수 있는 가이드입니다.
Backend
Prisma ORM 완벽 가이드 — TypeScript ORM의 새로운 표준
Prisma ORM 완벽 가이드 — TypeScript ORM의 새로운 표준 — 실무에서 바로 적용할 수 있는 가이드입니다.