TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
770769768767766765764763762761760759
AI
LangGraph — 복잡한 AI 에이전트 워크플로 구축
LangGraph로 상태 기반 AI 에이전트를 구축하고 조건부 분기, 반복을 구현하는 방법.
AI
코드 리뷰 자동화 도구 비교 — CodeRabbit, Codeium, Sourcery
AI 기반 코드 리뷰 자동화 도구들의 기능, 정확도, 가격 비교.
Frontend
Rspack — Webpack 호환 고속 번들러
Rspack의 Webpack 호환성, Rust 기반 성능, 마이그레이션 가이드.
AI
ChromaDB 벡터 검색 — Python으로 시맨틱 검색 구축
ChromaDB를 활용하여 텍스트 임베딩 기반의 시맨틱 검색 시스템을 Python으로 구축하고, RAG 파이프라인에 통합하는 방법을 다룹니다.
AI
멀티모달 AI 활용 — 이미지, 오디오, 비디오 처리
멀티모달 AI의 실전 활용법 — 이미지 분석, 음성 인식, 비디오 이해 구현.
Database
벡터 데이터베이스 심화 — pgvector로 PostgreSQL에서 RAG 구현
pgvector 확장으로 PostgreSQL에서 벡터 검색과 RAG를 구현하는 심화 가이드.
Frontend
React Hook Form + Zod — 타입 안전한 폼 검증
React Hook Form과 Zod를 결합하여 타입 안전한 폼을 구현하는 방법.
Infra
Edge Functions vs Serverless Functions — 완벽 비교
Edge Functions과 Serverless Functions의 차이점, 성능, 제한사항, 선택 기준.
Backend
API Gateway 패턴 — Kong vs Traefik vs AWS API Gateway
마이크로서비스 아키텍처에서 필수인 API Gateway 솔루션 Kong, Traefik, AWS API Gateway의 특성과 선택 기준을 비교합니다.
Frontend
다국어(i18n) 처리 — Next.js와 react-intl 실전 적용
Next.js에서 react-intl로 다국어 지원을 구현하는 방법과 번역 워크플로.
Frontend
웹 접근성(a11y) 실전 가이드 — ARIA와 시맨틱 HTML
웹 접근성의 핵심 원칙과 ARIA 속성, 시맨틱 HTML 작성 실전 가이드.
Frontend
Canvas API로 인터랙티브 차트 직접 구현하기
HTML5 Canvas API를 활용하여 외부 라이브러리 없이 인터랙티브한 바 차트와 라인 차트를 직접 구현하는 방법을 알아봅니다.