아카이브
Waylog Blog의 전체 글 100편을 발행 연도·월별로 정리했습니다. ~ 동안의 기록입니다.
2026100편
7월9편
- Git 고급 실무 가이드: Interactive Rebase, bisect 디버깅, worktree 병렬 작업, reflog 복구까지DevOps
- REST API 설계 실전 가이드: 리소스 모델링부터 버저닝, RFC 9457 에러 응답, 멱등성 설계까지Backend
- 패스키(Passkey)와 WebAuthn 도입 가이드: 인증 흐름 설계부터 비밀번호 없는 로그인 전환 전략까지Security
- PostgreSQL 커넥션 풀링 이해하기: PgBouncer 모드 선택부터 풀 사이즈 계산, 서버리스 커넥션 폭증 대응까지Database
- LLM 추론 비용 70% 절감기: 모델 라우팅·프롬프트 캐싱·배치 API·시맨틱 캐시 조합 설계AI
- 벡터 데이터베이스 선택 가이드: pgvector·Qdrant·Pinecone·Weaviate를 운영 비용·확장성·생태계 관점에서 비교하기AI
- 디자인 토큰 거버넌스: 색상·간격·타이포그래피를 제품 규모에서 유지하는 방법CSS
- LoRA·QLoRA로 LLM 파인튜닝하기: GPU 메모리 절약 원리부터 Hugging Face PEFT 학습 파이프라인까지AI
- JavaScript Temporal API 전환 가이드: Date 객체와 dayjs를 대체하는 ES2026 날짜 처리의 모든 것JavaScript
6월8편
- CSS @layer 가이드: 디자인 시스템에서 명시도(Specificity) 전쟁을 끝내는 캐스케이드 레이어 설계CSS
- LLM 가드레일과 프롬프트 인젝션 방어: OWASP LLM Top 10 기반 입력·출력 검증 파이프라인 설계AI
- API 계약 테스트 도입: Consumer Driven Contract로 프론트엔드와 백엔드 배포 충돌 줄이기Backend
- Spring 트랜잭션 전파와 격리 수준 함정: @Transactional이 예상과 다르게 동작하는 6가지 상황Backend
- Tailwind CSS v4 마이그레이션 기록: CSS-first 설정과 새 엔진이 기존 프로젝트에 미치는 영향 분석CSS
- MongoDB 인덱스 설계: explain() 분석, 복합 인덱스 ESR 규칙, Partial·Sparse 인덱스 선택 기준Database
- Kafka 스키마 레지스트리 운영기: Avro 스키마 진화, 호환성 전략, Consumer 배포 순서까지 깨지지 않는 파이프라인 설계Backend
- OAuth 2.0 PKCE 흐름 완전 해부: SPA와 모바일 앱에서 Authorization Code를 안전하게 쓰는 법Security
5월57편
- View Transitions API 활용: SPA 페이지 전환 애니메이션을 CSS와 JavaScript로 제어하는 방법Web
- Terraform 상태 파일 운영법: Remote Backend·State Locking·Drift Detection으로 인프라를 안전하게 관리하기DevOps
- CSS @scope와 Anchor Positioning: 2026년 레이아웃을 바꾸는 두 가지 혁신CSS
- 프론트엔드 기능 소유권 운영법: 배포 이후까지 책임지는 로그·지표·알림 설계Development
- CORS 오설정이 만드는 보안 구멍: Origin 검증 실패 패턴과 프로덕션 방어 설계Security
- JavaScript Signals로 바라보는 세밀한 반응성: TC39 제안과 Preact·Solid·Vue의 구현 비교JavaScript
- 거대한 리팩터링 PR을 안전하게 쪼개는 법: 프론트엔드 팀의 브랜치·커밋 전략Development
- Next.js Middleware 완전 해부: Edge Runtime 제약·실행 타이밍·프로덕션 패턴 가이드Next.js
- JavaScript AsyncIterator와 Web Streams API: 백프레셔·취소·메모리 누수 없이 대용량 스트리밍 처리하기JavaScript
- LLM 평가 파이프라인 구축: Evals-as-Code로 품질 회귀를 CI에서 막고 토큰 비용까지 줄이는 법AI
- Playwright로 구축하는 비주얼 회귀 테스트 파이프라인: 스크린샷 기준 이미지 관리부터 CI 디자인 리뷰 자동화까지Development
- Web Components로 프레임워크 독립 디자인 시스템 만들기: Custom Elements·Shadow DOM·Lit으로 React·Vue와 함께 쓰는 법Web
- 서드파티 스크립트 공급망 공격 방어: SRI 해시·CSP 소스 화이트리스트·npm 의존성 감사로 CDN 오염 막기Security
- Vitest + MSW로 React 통합 테스트 설계하기: 유닛 테스트를 넘어 실사용 시나리오를 검증하는 법Development
- DDD 적용기: Aggregate 경계 설계와 Bounded Context 분리로 모놀리스를 정리하는 법Architecture
- 분산 트레이싱 샘플링 전략: 100% 수집 없이 장애를 놓치지 않는 비용 최적화 설계Performance
- CrUX 필드 데이터로 Core Web Vitals 개선하기: LCP·CLS·INP 원인 진단부터 배포 검증까지Performance
- Next.js Server Actions와 useOptimistic으로 낙관적 UI 구현하기: 폼·뮤테이션·롤백 패턴 정리Next.js
- eBPF로 쿠버네티스 네트워크 관찰하기: Cilium과 Hubble로 트래픽을 커널 수준에서 들여다보는 법DevOps
- TypeScript Template Literal Types와 Branded Types: 런타임 없이 도메인 오류를 타입으로 막는 설계TypeScript
- RabbitMQ 운영 노하우: Dead Letter Exchange·Retry Queue·Priority Queue로 메시지 유실 없이 처리하기Backend
- React Error Boundary와 Suspense 패턴: 에러·로딩 상태를 선언적으로 다루는 컴포넌트 설계React
- SQLite를 프로덕션에서 쓴다는 것: libSQL·Turso·WAL 모드로 서버리스 아키텍처 재설계하기Database
- JWT 함정 모음: 알고리즘 혼동·클레임 검증 누락·토큰 탈취 대응까지 보안 설계 체크리스트Security
- ArgoCD App of Apps 패턴으로 GitOps 설계하기: 멀티 클러스터·멀티 환경 레포 구조까지DevOps
- FastAPI 비동기 프로그래밍: AsyncSQLAlchemy, BackgroundTasks, Dependency Injection으로 프로덕션 API 설계하기Backend
- Helm 차트 설계법: values 계층화·템플릿 함수·Umbrella 패턴으로 재사용 가능한 패키지 만들기DevOps
- gRPC vs REST: 내부 서비스 통신에 gRPC를 선택했을 때 실제로 달라지는 것들Backend
- React useTransition과 Concurrent 렌더링: Suspense, Deferring, Scheduler 우선순위를 코드로 이해하기React
- CQRS와 이벤트 소싱 분리 전략: 읽기/쓰기 모델을 나누고 이벤트 스토어를 운영하면서 배운 것들Architecture
- Next.js PPR(Partial Prerendering) 아키텍처: 정적 셸과 동적 스트림을 한 라우트에서 다루는 설계 전략Next.js
- HTTP 캐시 전략 설계: Cache-Control, CDN Edge, stale-while-revalidate로 응답 시간을 줄이는 법Performance
- 무중단 데이터베이스 마이그레이션: Expand and Contract 패턴으로 스키마 변경 안전하게 배포하기Database
- React 서버 상태 관리: Query Cache, Mutation, Invalidation으로 화면 데이터 일관성 지키기React
- 장애 회고와 Runbook 운영법: 알림 피로를 줄이고 같은 장애를 반복하지 않는 팀 만들기DevOps
- API 페이지네이션 설계: Offset과 Cursor의 차이, 정렬 안정성, 무한 스크롤 일관성까지Backend
- 구조적 로깅 도입기: Correlation ID, 로그 레벨, 민감정보 마스킹으로 장애 분석 가능하게 만들기DevOps
- 프론트엔드 폼 검증 설계: Zod 스키마, 서버 검증, 에러 UX를 일관되게 만드는 방법Web
- TypeScript 에러 처리 설계: try/catch, Result 패턴, 도메인 오류를 구분하는 실무 기준TypeScript
- Node.js CPU 작업 분리: Worker Threads, Queue, Backpressure로 이벤트 루프 지연 줄이기Backend
- CSS Container Query 활용법: 화면 크기가 아니라 컴포넌트 크기에 반응하는 반응형 UI 만들기CSS
- 웹 인증 세션 보안: HttpOnly Cookie, Refresh Token Rotation, CSRF 방어를 함께 설계하기Security
- GraphQL 성능 튜닝: N+1 쿼리, DataLoader, 복잡도 제한으로 API 지연 줄이기Backend
- Kafka Consumer Lag 운영 가이드: Rebalance, Offset Commit, Poison Message, Backpressure 다루기Backend
- 컨테이너 이미지 하드닝: Multi-stage Build, Distroless, SBOM, 서명 검증까지DevOps
- Feature Flag와 점진적 배포 운영법: Dark Launch, Kill Switch, 실험, Flag Debt 정리까지Architecture
- 브라우저 보안 강화하기: CSP, Trusted Types, Nonce 기반 스크립트로 XSS 줄이기Web
- API 장애 전파를 막는 회복탄력성 패턴: Timeout·Retry·Circuit Breaker·Bulkhead 설계 가이드Backend
- PostgreSQL 파티셔닝 운영 가이드: Partition Pruning·인덱스·보관주기까지 한 번에 설계하기Database
- INP 최적화 가이드: React 렌더링·Long Task·Web Worker로 입력 지연 줄이기Performance
- 프로덕션 시크릿 관리: Vault·단기 자격증명·자동 회전·CI/CD 유출 방지DevOps
- Redis 캐시 스탬피드와 무효화 전략: TTL 지터·SingleFlight·Stale Cache로 DB 지키기Performance
- Kubernetes 오토스케일링 운영: HPA·VPA·Cluster Autoscaler·KEDA를 함께 쓰는 법DevOps
- 트랜잭셔널 아웃박스 패턴 가이드: 분산 트랜잭션 없이 Exactly-Once 효과 만들기Architecture
- OpenTelemetry로 운영 관측성 설계하기: Trace·Metric·Log와 SLO 번레이트 알림까지DevOps
- EXPLAIN ANALYZE로 PostgreSQL 쿼리 뜯어보기: 슬로우 쿼리 4가지 진단과 PgBadger 리포트 자동화Database
- HAProxy stick-table로 Redis 없이 Rate Limiting 구현하기: 세션 고정부터 IP 기반 DDoS 차단까지DevOps
4월18편
- 리버스 프록시란 무엇인가: 개념부터 SSL 터미네이션·헤더 조작까지 한 번에 잡는 원리 가이드DevOps
- Nginx·HAProxy로 리버스 프록시 서버 구축하기: 로드밸런싱·캐싱·헬스체크 설정 전체 공개DevOps
- gzip이 왜 역효과를 내는가: HTTP 전송 압축 알고리즘부터 BREACH 공격까지Performance
- 에이전트 하네스 엔지니어링: Claude Code를 외골격으로 설계하는 아키텍처AI
- 사내 빌드 스크립트를 Node에서 Rust CLI로 갈아엎은 6개월: clap·indicatif·anyhow 사용 패턴 정리Development
- Rust Tokio로 만드는 고성능 비동기 백엔드: Node.js에서 넘어온 우리가 부딪힌 동시성 함정 7가지Backend
- Rust + WebAssembly로 React 프론트엔드 핫패스 최적화하기: 이미지 처리·CSV 파싱 벤치마크 기록Performance
- 마이크로 프론트엔드(Micro-Frontends) 아키텍처 완벽 가이드: Module Federation부터 독립 배포 전략까지Architecture
- 2026년 모던 React 상태 관리 생태계 완벽 분석: Redux를 넘어 Zustand, Jotai, Recoil까지React
- 웹 접근성(A11y)과 Core Web Vitals: 차세대 SEO와 사용자 경험(UX) 최적화의 모든 것Web
- GitHub Actions를 활용한 완벽한 CI/CD 파이프라인 구축 및 실무 최적화 가이드DevOps
- TypeScript의 브레이크를 한계까지: 고급 타입 시스템과 실무 적용 패턴 완전 정복TypeScript
- Kent Beck의 TDD와 Tidy First: 프론트엔드 적용 가이드Development
- 마이크로 프론트엔드 심층 분석: 모놀리스를 넘어 독립적인 웹 생태계로Architecture
- 고가용성 이벤트 기반 아키텍처(EDA) 설계: Kafka와 비동기 메시징 핵심 패턴Backend
- RAG(Retrieval-Augmented Generation) 완벽 가이드: 환각 없는 AI 에이전트 구축하기AI
- React Server Components(RSC) 아키텍처 깊게 파헤치기: Next.js App Router의 내부 동작 원리와 네트워크 성능 최적화React
- 프론트엔드 모노레포(Monorepo) 아키텍처: Nx와 Turborepo를 활용한 대규모 프로젝트 관리 및 생산성 극대화 전략Architecture