아카이브
Waylog Blog의 전체 글 106편을 발행 연도·월별로 정리했습니다. ~ 동안의 기록입니다.
202634편
5월6편
- LLM 가드레일과 프롬프트 인젝션 방어 실전: OWASP LLM Top 10 기반 입력·출력 검증 파이프라인 설계AI
- LLM 추론 비용 70% 절감 실전: 모델 라우팅·프롬프트 캐싱·배치 API·시맨틱 캐시 조합 설계AI
- 벡터 데이터베이스 실전 선택 가이드: pgvector·Qdrant·Pinecone·Weaviate를 운영 비용·확장성·생태계 관점에서 비교하기AI
- 거대한 리팩터링 PR을 안전하게 쪼개는 법: 프론트엔드 팀의 브랜치·커밋 전략 실전Development
- CORS 오설정이 만드는 보안 구멍: Origin 검증 실패 패턴과 프로덕션 방어 설계Security
- Next.js Middleware 완전 해부: Edge Runtime 제약·실행 타이밍·프로덕션 패턴 실전 가이드Next.js
4월7편
- 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
3월7편
- 분산 트레이싱 샘플링 전략 실전: 100% 수집 없이 장애를 놓치지 않는 비용 최적화 설계Performance
- JavaScript Signals로 바라보는 세밀한 반응성: TC39 제안과 Preact·Solid·Vue의 구현 비교JavaScript
- 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
2월7편
- CSS @scope와 Anchor Positioning: 2026년 레이아웃의 두 가지 혁신 실전 가이드CSS
- React Error Boundary와 Suspense 실전 패턴: 에러·로딩 상태를 선언적으로 다루는 컴포넌트 설계React
- Terraform 상태 파일 운영 실전: Remote Backend·State Locking·Drift Detection으로 인프라를 안전하게 관리하기DevOps
- SQLite를 프로덕션에서 쓴다는 것: libSQL·Turso·WAL 모드로 서버리스 아키텍처 재설계하기Database
- View Transitions API 실전: SPA 페이지 전환 애니메이션을 CSS와 JavaScript로 제어하는 방법Web
- OAuth 2.0 PKCE 흐름 완전 해부: SPA와 모바일 앱에서 Authorization Code를 안전하게 쓰는 법Security
- JWT 함정 모음: 알고리즘 혼동·클레임 검증 누락·토큰 탈취 대응까지 보안 설계 실전Security
1월7편
- MongoDB 인덱스 설계 실전: explain() 분석, 복합 인덱스 ESR 규칙, Partial·Sparse 인덱스 선택 기준Database
- ArgoCD App of Apps 패턴으로 GitOps 설계하기: 멀티 클러스터·멀티 환경 레포 구조 실전DevOps
- Tailwind CSS v4 마이그레이션 실전: CSS-first 설정과 새 엔진이 기존 프로젝트에 미치는 영향 분석CSS
- FastAPI 비동기 실전: AsyncSQLAlchemy, BackgroundTasks, Dependency Injection으로 프로덕션 API 설계하기Backend
- Helm 차트 설계 실전: values 계층화·템플릿 함수·Umbrella 패턴으로 재사용 가능한 패키지 만들기DevOps
- Spring 트랜잭션 전파와 격리 수준 함정: @Transactional이 예상과 다르게 동작하는 6가지 상황Backend
- gRPC vs REST: 내부 서비스 통신에 gRPC를 선택했을 때 실제로 달라지는 것들Backend
202543편
12월5편
- React useTransition과 Concurrent 렌더링 실전: Suspense, Deferring, Scheduler 우선순위를 코드로 이해하기React
- CQRS와 이벤트 소싱 실전 분리 전략: 읽기/쓰기 모델을 나누고 이벤트 스토어를 운영하면서 배운 것들Architecture
- Next.js PPR(Partial Prerendering) 실전 아키텍처: 정적 셸과 동적 스트림을 한 라우트에서 다루는 설계 전략Next.js
- CSS @layer 실전 가이드: 디자인 시스템에서 명시도(Specificity) 전쟁을 끝내는 캐스케이드 레이어 설계CSS
- JavaScript Temporal API 실전 전환 가이드: Date 객체와 dayjs를 대체하는 ES2026 날짜 처리의 모든 것JavaScript
11월3편
10월3편
9월5편
- 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
8월2편
7월2편
6월3편
5월5편
- 사내 빌드 스크립트를 Node에서 Rust CLI로 갈아엎은 6개월: clap·indicatif·anyhow 실전 패턴 정리Programming
- Rust Tokio로 만드는 고성능 비동기 백엔드: Node.js에서 넘어온 우리가 부딪힌 동시성 함정 7가지Backend
- Rust + WebAssembly로 React 프론트엔드 핫패스 최적화하기: 이미지 처리·CSV 파싱 벤치마크 실전기Performance
- 웹 접근성(A11y)과 Core Web Vitals: 차세대 SEO와 사용자 경험(UX) 최적화의 모든 것Web
- GitHub Actions를 활용한 완벽한 CI/CD 파이프라인 구축 및 실무 최적화 가이드DevOps
4월4편
3월5편
2월5편
202429편
12월7편
- CSS의 혁명, :has() 선택자 완벽 가이드: 부모를 선택하는 마법CSS
- 프론트엔드 개발자를 위한 웹 성능 최적화 종합 가이드Performance
- Git 고급 활용법: 실무에서 바로 쓰는 워크플로우와 트러블슈팅DevOps
- TypeScript 타입 시스템 마스터하기: 고급 패턴과 실전 활용TypeScript
- 클린 코드: 읽기 좋은 코드를 작성하는 실용적인 원칙들Programming
- API 설계 모범 사례: RESTful API부터 GraphQL까지Backend
- TypeScript로 배우는 GoF 디자인 패턴: 실무 중심 완벽 가이드TypeScript
11월5편
- 마이크로 프론트엔드 심층 분석: 모놀리스를 넘어 독립적인 웹 생태계로Architecture
- 고가용성 이벤트 기반 아키텍처(EDA) 설계: Kafka와 비동기 메시징의 정수Backend
- RAG(Retrieval-Augmented Generation) 완벽 가이드: 환각 없는 AI 에이전트 구축하기AI
- React Server Components(RSC) 아키텍처 깊게 파헤치기: Next.js App Router의 내부 동작 원리와 네트워크 성능 최적화React
- 프론트엔드 모노레포(Monorepo) 아키텍처: Nx와 Turborepo를 활용한 대규모 프로젝트 관리 및 생산성 극대화 전략Architecture
10월3편
9월3편
8월7편
- 장애 회고와 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