TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
124123122121120119118117116115114113
AI
LangGraph — 복잡한 AI 에이전트 워크플로 구축
LangGraph로 상태 기반 AI 에이전트를 구축하고 조건부 분기, 반복을 구현하는 방법.
AI
코드 리뷰 자동화 도구 비교 — CodeRabbit, Codeium, Sourcery
AI 기반 코드 리뷰 자동화 도구들의 기능, 정확도, 가격 비교.
Frontend
Rspack — Webpack 호환 고속 번들러
Rspack의 Webpack 호환성, Rust 기반 성능, 마이그레이션 가이드.
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의 차이점, 성능, 제한사항, 선택 기준.
Frontend
다국어(i18n) 처리 — Next.js와 react-intl 실전 적용
Next.js에서 react-intl로 다국어 지원을 구현하는 방법과 번역 워크플로.
Frontend
웹 접근성(a11y) 실전 가이드 — ARIA와 시맨틱 HTML
웹 접근성의 핵심 원칙과 ARIA 속성, 시맨틱 HTML 작성 실전 가이드.
Frontend
Playwright 고급 — 비주얼 회귀 테스트와 API 테스트
Playwright의 비주얼 스크린샷 비교, API 테스트, 네트워크 가로채기 활용법.
Frontend
Vitest 심화 — 모킹, 스냅샷, 커버리지 전략
Vitest의 고급 모킹 패턴, 스냅샷 테스트, 코드 커버리지 설정 방법.
Frontend
웹 성능 최적화 2025 — Core Web Vitals 개선 전략
2025년 기준 Core Web Vitals 최적화 전략 — LCP, INP, CLS 개선 방법.