TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
232231230229228227226225224223222221
Frontend
FFmpeg WASM — 브라우저에서 동영상 편집하기
FFmpeg.wasm으로 브라우저에서 서버 없이 동영상을 편집하고 변환하는 방법.
Frontend
WebGPU — 브라우저에서 GPU 연산 활용하기
WebGPU API로 브라우저에서 고성능 그래픽과 범용 GPU 연산을 수행하는 방법.
Infra
Zero Trust 보안 아키텍처 — 신뢰하지 말고 검증하라
Zero Trust 보안 모델의 핵심 원칙과 구현 전략, 실전 도입 가이드.
Frontend
SWR vs Tanstack Query — 데이터 페칭 라이브러리 비교
SWR과 Tanstack Query의 기능, API, 캐싱 전략을 비교하고 선택 기준 제시.
Frontend
Nuxt 4 — Vue.js 풀스택의 진화
Nuxt 4의 새로운 디렉토리 구조, 서버 엔진 개선, Vue 3 심화 활용.
Frontend
Tailwind CSS v4 고급 — 커스텀 유틸리티와 플러그인
Tailwind CSS v4에서 커스텀 유틸리티, 변형, 플러그인을 만드는 고급 기법.
Frontend
Biome — ESLint + Prettier 대안의 올인원 도구
Biome의 포매터+린터 통합 기능, ESLint/Prettier 대비 성능 비교, 마이그레이션.
Infra
Chaos Engineering — 프로덕션 장애를 미리 경험하기
Chaos Engineering의 원칙과 Chaos Monkey, Litmus로 시스템 복원력을 테스트하는 방법.
Infra
분산 트레이싱 — Jaeger와 Zipkin 실전 비교
분산 트레이싱 도구 Jaeger와 Zipkin의 아키텍처, 기능, 성능 비교.
Infra
OpenTelemetry 심화 — 커스텀 메트릭과 로그 통합
OpenTelemetry로 커스텀 메트릭을 수집하고 로그와 트레이스를 통합하는 방법.
Backend
gRPC-Web — 브라우저에서 gRPC 사용하기
gRPC-Web으로 브라우저에서 gRPC 서비스를 호출하는 방법과 아키텍처.
Frontend
WebTransport — 양방향 실시간 통신의 차세대
WebTransport API로 HTTP/3 기반 양방향 실시간 통신을 구현하는 방법.