TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
917916915914913912911910909908907906
Infra
Prometheus AlertManager — 알림 규칙과 라우팅 설정
Prometheus AlertManager의 알림 규칙 작성, 라우팅, Slack/Email 연동 방법.
Infra
Docker Compose V2 심화 — profiles와 watch 모드
Docker Compose V2의 profiles로 환경별 서비스를 관리하고, watch 모드로 개발 시 자동 동기화를 설정하는 방법입니다.
AI
자율 AI 에이전트 설계 — 도구 선택과 계획 수립
자율 AI 에이전트의 도구 선택, 계획 수립, 자기 반성(reflection) 패턴.
AI
AI 이미지 생성 API 비교 — DALL-E 3, Midjourney, Stable Diffusion
주요 AI 이미지 생성 서비스의 품질, 가격, API 활용법 비교.
Frontend
FFmpeg WASM — 브라우저에서 동영상 편집하기
FFmpeg.wasm으로 브라우저에서 서버 없이 동영상을 편집하고 변환하는 방법.
Frontend
WebGPU — 브라우저에서 GPU 연산 활용하기
WebGPU API로 브라우저에서 고성능 그래픽과 범용 GPU 연산을 수행하는 방법.
AI
GPT 토큰 카운팅과 tiktoken 활용법
GPT 모델의 토큰 개념을 이해하고 tiktoken 라이브러리로 정확한 토큰 수를 계산하여 API 비용을 최적화하는 방법입니다.
Infra
Zero Trust 보안 아키텍처 — 신뢰하지 말고 검증하라
Zero Trust 보안 모델의 핵심 원칙과 구현 전략, 실전 도입 가이드.
Frontend
SWR vs Tanstack Query — 데이터 페칭 라이브러리 비교
SWR과 Tanstack Query의 기능, API, 캐싱 전략을 비교하고 선택 기준 제시.
Frontend
Nuxt 4 — Vue.js 풀스택의 진화
Nuxt 4의 새로운 디렉토리 구조, 서버 엔진 개선, Vue 3 심화 활용.
Backend
Swagger/OpenAPI 3.1 API 문서 자동화
OpenAPI 3.1 스펙을 활용하여 API 문서를 자동 생성하고 Swagger UI로 인터랙티브 문서를 제공하는 방법을 소개합니다.
Frontend
Tailwind CSS v4 고급 — 커스텀 유틸리티와 플러그인
Tailwind CSS v4에서 커스텀 유틸리티, 변형, 플러그인을 만드는 고급 기법.