TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
912911910909908907906905904903902901
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, 캐싱 전략을 비교하고 선택 기준 제시.
Backend
Swagger/OpenAPI 3.1 API 문서 자동화
OpenAPI 3.1 스펙을 활용하여 API 문서를 자동 생성하고 Swagger UI로 인터랙티브 문서를 제공하는 방법을 소개합니다.
Frontend
Nuxt 4 — Vue.js 풀스택의 진화
Nuxt 4의 새로운 디렉토리 구조, 서버 엔진 개선, Vue 3 심화 활용.
Frontend
Tailwind CSS v4 고급 — 커스텀 유틸리티와 플러그인
Tailwind CSS v4에서 커스텀 유틸리티, 변형, 플러그인을 만드는 고급 기법.
Frontend
Biome — ESLint + Prettier 대안의 올인원 도구
Biome의 포매터+린터 통합 기능, ESLint/Prettier 대비 성능 비교, 마이그레이션.
Frontend
Radix UI 컴포넌트 커스터마이징 완벽 가이드
Radix UI의 헤드리스 컴포넌트를 Tailwind CSS와 함께 커스터마이징하여 접근성을 유지하면서 독자적인 디자인을 구현합니다.
Infra
Chaos Engineering — 프로덕션 장애를 미리 경험하기
Chaos Engineering의 원칙과 Chaos Monkey, Litmus로 시스템 복원력을 테스트하는 방법.
Infra
분산 트레이싱 — Jaeger와 Zipkin 실전 비교
분산 트레이싱 도구 Jaeger와 Zipkin의 아키텍처, 기능, 성능 비교.
Infra
OpenTelemetry 심화 — 커스텀 메트릭과 로그 통합
OpenTelemetry로 커스텀 메트릭을 수집하고 로그와 트레이스를 통합하는 방법.