TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
196195194193192191190189188187186185
Infra
GitHub Actions에서 Docker 이미지 빌드 및 배포
GitHub Actions에서 Docker 이미지를 빌드하고 Container Registry에 배포하는 CI/CD 구축.
Frontend
웹 폰트 최적화 — FOUT, FOIT 방지와 성능 개선
웹 폰트 로딩 전략과 FOUT/FOIT 방지, subset 최적화로 성능을 개선하는 방법.
Infra
Grafana Loki — 로그 수집과 검색의 새 표준
Grafana Loki로 대규모 로그를 수집하고 라벨 기반으로 효율적으로 검색하는 방법.
Infra
PM2 프로세스 관리 — Node.js 프로덕션 운영
PM2로 Node.js 애플리케이션을 프로덕션에서 안정적으로 운영하는 방법.
Backend
JSON Schema로 API 문서와 검증 통합하기
JSON Schema를 활용해 API 문서화와 입력 검증을 한번에 해결하는 방법.
Frontend
마이크로프론트엔드 — Module Federation과 Single-SPA
마이크로프론트엔드 아키텍처의 Module Federation과 Single-SPA 접근법 비교.
Backend
Supabase Edge Functions — Deno 기반 서버리스
Supabase Edge Functions로 Deno 기반 서버리스 함수를 배포하는 방법.
Frontend
CSS :has() 선택자 — 부모 선택의 혁명
CSS :has() 선택자로 부모 요소를 기준으로 스타일링하는 혁신적 방법.
Infra
Caddy 웹 서버 — 자동 HTTPS의 편리함
Caddy 웹 서버의 자동 HTTPS, 리버스 프록시, Nginx 대비 장점 분석.
Backend
GraphQL Subscriptions — 실시간 데이터를 위한 구현 가이드
GraphQL Subscriptions으로 실시간 데이터 스트리밍을 구현하는 방법.
Backend
Rate Limiting 구현 — Token Bucket과 Sliding Window
API Rate Limiting의 주요 알고리즘과 Redis를 활용한 분산 환경 구현 방법.
Backend
Trigger.dev — 서버리스 백그라운드 작업 실행
Trigger.dev로 서버리스 환경에서 안정적인 백그라운드 작업을 실행하는 방법.