TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
948947946945944943942941940939938937
Backend
Resend — 개발자를 위한 이메일 API
Resend API로 트랜잭셔널 이메일을 보내고 React Email로 템플릿을 만드는 방법.
Frontend
Tailwind CSS v4 고급 — 애니메이션과 트랜지션 마스터
Tailwind CSS v4에서 복잡한 애니메이션과 트랜지션을 효율적으로 구현하는 방법.
Database
Neon Branching — 데이터베이스 개발 워크플로 혁신
Neon의 데이터베이스 브랜칭으로 개발/테스트 환경을 즉시 복제하는 방법.
Frontend
Next.js 16.2 — Partial Prerendering 안정화와 새 기능
Next.js 16.2의 PPR 안정화, 새로운 캐싱 API, 개발자 경험 개선 사항.
Backend
Node.js 클러스터 모드와 PM2 프로덕션 최적화
Node.js 클러스터 모듈과 PM2를 활용하여 멀티코어 CPU를 최대한 활용하고 프로덕션 환경을 최적화하는 방법을 설명합니다.
Frontend
React 20 RC — 새로운 상태 관리와 렌더링 개선
React 20 RC의 새로운 상태 관리 프리미티브, 렌더링 최적화, 주요 변경사항.
AI
AI 네이티브 개발 — 코드 작성의 패러다임 전환
AI를 개발 프로세스의 중심에 놓는 AI 네이티브 개발 방법론과 실전 워크플로.
Frontend
React 19 useOptimistic 낙관적 UI 업데이트 패턴
React 19의 useOptimistic 훅을 활용하여 서버 응답 전에 UI를 즉시 업데이트하는 낙관적 UI 패턴을 실전 예제와 함께 설명합니다.
AI
GPT-5 애플리케이션 — 프로덕션 활용 사례 모음
GPT-5를 프로덕션에서 활용하는 실제 사례와 아키텍처 패턴 모음.
AI
Claude 4.5 — 더 빠르고 정확한 AI 코딩 파트너
Claude 4.5의 향상된 코딩 능력, 컨텍스트 이해, 새로운 기능 분석.
Backend
Bun Shell — 셸 스크립트를 TypeScript로
Bun의 내장 셸 기능으로 TypeScript에서 셸 명령을 네이티브로 실행하는 방법.
Infra
Cloudflare Tunnel로 홈서버 외부 공개하기
포트포워딩 없이 Cloudflare Tunnel을 사용하여 홈서버의 서비스를 안전하게 외부에 공개하는 방법을 단계별로 설명합니다.