TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
989988987986985984983982981980979978
Frontend
Oxc, Biome, SWC — 차세대 JS 툴체인 비교
Rust/C++ 기반 차세대 JavaScript 툴체인의 특징과 성능 비교.
Frontend
Three.js 입문 — 브라우저에서 3D 그래픽 시작하기
Three.js 라이브러리를 사용하여 브라우저에서 3D 장면을 구성하고 렌더링하는 기초부터 애니메이션, 조명, 카메라 제어까지 다룹니다.
Database
PostgreSQL Connection Pooling — PgBouncer vs Supavisor
PostgreSQL 커넥션 풀링의 필요성과 PgBouncer, Supavisor 설정 비교.
AI
AI 코드 마이그레이션 — 레거시 코드 현대화 자동화
AI를 활용해 레거시 코드를 현대적 스택으로 자동 마이그레이션하는 전략과 도구.
Database
Turso + Drizzle — 엣지 데이터베이스 풀스택 구축
Turso(LibSQL)와 Drizzle ORM으로 엣지에서 동작하는 데이터베이스 레이어 구축.
Frontend
웹 푸시 알림 구현 — Firebase FCM과 Service Worker
Firebase Cloud Messaging(FCM)과 Service Worker를 활용하여 웹 브라우저에서 푸시 알림을 구현하는 전체 과정을 단계별로 설명합니다.
Database
PostgreSQL Row Level Security — 멀티테넌트 보안
PostgreSQL RLS로 멀티테넌트 애플리케이션의 데이터 격리를 구현하는 방법.
Frontend
Astro 5 — 콘텐츠 레이어 통합과 Server Islands
Astro 5의 Content Layer API, Server Islands, 성능 개선 사항 정리.
Frontend
Next.js 미들웨어 고급 — 인증, 로케일, A/B 테스트
Next.js 미들웨어로 인증 체크, 로케일 감지, A/B 테스트를 구현하는 고급 패턴.
AI
Cloudflare Workers AI — 엣지에서 AI 모델 실행하기
Cloudflare Workers AI로 엣지에서 LLM, 이미지 생성, 임베딩 모델을 실행하는 방법.
Frontend
ESLint Flat Config 마이그레이션 완벽 가이드
ESLint의 새로운 Flat Config 시스템으로 마이그레이션하는 방법과 기존 .eslintrc 설정과의 차이점, 실전 설정 예제를 제공합니다.
Infra
cgroup v2와 컨테이너 리소스 관리
Linux cgroup v2의 리소스 제어 원리와 컨테이너 메모리/CPU 제한 실전 설정.