TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
996995994993992991990989988987986985
Infra
컨테이너 이미지 최적화 — 멀티스테이지 빌드 고급 패턴
Docker 멀티스테이지 빌드의 고급 패턴으로 이미지 크기를 90% 줄이는 방법.
Frontend
React 컴포넌트 테스트 전략 — Testing Library 실전
React Testing Library를 사용하여 사용자 관점에서 컴포넌트를 테스트하는 전략과 패턴을 실전 예제와 함께 체계적으로 정리합니다.
AI
AI Guardrails — LLM 출력의 안전성 확보
LLM 출력의 유해성 필터링, 환각 감지, 프롬프트 인젝션 방어 전략.
Database
Neon Authorize — DB 레벨 인증 통합
Neon Authorize로 JWT 기반 인증을 PostgreSQL RLS와 직접 통합하는 방법.
Frontend
TypeScript 6 심화 — 패턴 매칭과 파이프라인 연산자
TypeScript 6의 패턴 매칭 제안, 파이프라인 연산자, 고급 타입 기능 살펴보기.
AI
GitHub Copilot Workspace — AI 주도 개발 환경
GitHub Copilot Workspace로 이슈에서 PR까지 AI가 주도하는 개발 워크플로.
Backend
Supabase Realtime 2.0 — Broadcast, Presence, 동기화
Supabase Realtime 2.0의 Broadcast, Presence, DB 변경 동기화 기능 활용법.
Frontend
Oxc, Biome, SWC — 차세대 JS 툴체인 비교
Rust/C++ 기반 차세대 JavaScript 툴체인의 특징과 성능 비교.
Database
PostgreSQL Connection Pooling — PgBouncer vs Supavisor
PostgreSQL 커넥션 풀링의 필요성과 PgBouncer, Supavisor 설정 비교.
Frontend
Three.js 입문 — 브라우저에서 3D 그래픽 시작하기
Three.js 라이브러리를 사용하여 브라우저에서 3D 장면을 구성하고 렌더링하는 기초부터 애니메이션, 조명, 카메라 제어까지 다룹니다.
AI
AI 코드 마이그레이션 — 레거시 코드 현대화 자동화
AI를 활용해 레거시 코드를 현대적 스택으로 자동 마이그레이션하는 전략과 도구.
Database
Turso + Drizzle — 엣지 데이터베이스 풀스택 구축
Turso(LibSQL)와 Drizzle ORM으로 엣지에서 동작하는 데이터베이스 레이어 구축.