TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
686685684683682681680679678677676675
Database
Drizzle ORM — TypeScript 네이티브 ORM의 새로운 대안
Drizzle ORM의 스키마 정의, 쿼리 빌더, Prisma 대비 장단점 비교.
Backend
tRPC로 타입 안전한 API 구축하기
tRPC를 활용해 프론트엔드와 백엔드 사이 완벽한 타입 안전성을 확보하는 방법.
Backend
gRPC 입문 — Protocol Buffers와 양방향 스트리밍
gRPC의 핵심 개념과 Protocol Buffers 정의 방법, 그리고 단항 호출부터 양방향 스트리밍까지 4가지 통신 패턴을 Node.js 예제로 구현합니다.
Frontend
Remix 프레임워크 — 웹 표준 기반 풀스택 개발
Remix의 중첩 라우팅, 로더/액션 패턴, 웹 표준 API 활용 가이드.
Frontend
Astro 프레임워크 — 콘텐츠 중심 웹사이트의 최적 선택
Astro의 아일랜드 아키텍처와 제로 JS 전략으로 초고속 웹사이트 구축하기.
Frontend
Web Worker로 메인 스레드 부하 줄이기
Web Worker를 활용하여 무거운 연산을 별도 스레드에서 처리하고, 메인 스레드의 UI 응답성을 유지하는 방법을 실전 예제로 알아봅니다.
Frontend
Svelte 5 Runes — 반응성의 새로운 패러다임
Svelte 5의 Runes 시스템으로 달라지는 반응성 모델과 마이그레이션 가이드.
Backend
Node.js 22 LTS 새 기능 총정리
Node.js 22 LTS의 주요 변경사항 — require(esm), WebSocket 클라이언트, 성능 개선.
AI
GPT-4o 멀티모달 API 실전 활용
GPT-4o의 이미지, 오디오 입력을 활용한 멀티모달 애플리케이션 구축 가이드.
Infra
Ansible 플레이북 실전 — 서버 100대 동시 설정
Ansible 플레이북을 사용하여 대규모 서버 환경을 효율적으로 관리하는 방법을 실전 예제와 함께 소개합니다. 인벤토리, 롤, 핸들러 등 핵심 개념을 다룹니다.
AI
Claude 3.5 Sonnet 활용법 — 코드 생성과 분석의 새 기준
Claude 3.5 Sonnet의 코딩 능력과 실전 프롬프트 패턴, GPT-4o 대비 장점 분석.
Backend
Deno 2.0 출시 — Node.js 호환성과 새로운 기능들
Deno 2.0의 Node.js 완전 호환, npm 지원, 새로운 권한 모델 변경 사항 정리.