DEV BAK - 기술블로그

View Transitions API로 MPA에서 페이지 전환을 CSS만으로 조율하기

View Transitions API의 cross-document 모드를 이용하면 MPA·SSG 사이트에서도 JS 없이 CSS 선언 두 줄만으로 페이지 간 크로스페이드와 공유 요소 전환을 구현할 수 있으며, 미지원 브라우저에서는 기존 방식으로 자동 폴백되어 Progressive Enhancement 원칙을 해치지 않는다.

2026년 09월 18일읽는 데 15분

DevOps

Helm에서 Kustomize로 넘어갈 때 생기는 세 가지 빈자리 — 템플릿 함수·훅·테스트를 다시 채우는 법

Helm에서 Kustomize로 전환할 때 사라지는 템플릿 함수·릴리스 훅·테스트 기능의 공백을, 2026년 실무에서 통용되는 도구와 패턴 조합으로 어떻게 채울 수 있는지 구체적으로 안내합니다.

2026년 09월 13일읽는 데 21분

Backend

Hono + Zod OpenAPI로 스키마 하나에서 검증과 문서를 함께 유지하기

Hono의 `@hono/zod-openapi`를 사용해 Zod 스키마 단일 소스에서 TypeScript 타입 추론, 런타임 검증, OpenAPI 문서를 동시에 생성하는 방법과 Schema Drift를 구조적으로 줄이는 패턴을 다룹니다.

2026년 09월 12일읽는 데 18분

frontend

CSS Anchor Positioning으로 툴팁·드롭다운·팝오버 위치를 CSS만으로 선언하기

CSS Anchor Positioning의 핵심 API와 실제 사용법을 토대로, JavaScript 없이 툴팁·드롭다운·팝오버를 선언적 CSS만으로 구현하는 방법과 라이브러리가 여전히 필요한 상황을 함께 다룹니다.

2026년 08월 30일읽는 데 18분

DevOps

Argo Rollouts Canary 배포: Prometheus 메트릭이 트래픽 비율을 대신 결정하게 두기

Argo Rollouts의 Canary 전략과 AnalysisTemplate을 활용해 Prometheus 메트릭 기준으로 트래픽 단계를 자동 진행·롤백하는 방법을 실제 YAML 예시와 함께 설명하며, 기본 Deployment 롤링 업데이트의 한계와 흔한 설정 함정까지 다룬다.

2026년 08월 29일읽는 데 18분

Claude

Claude MCP 서버를 직접 구현하면서 배운 것들 — 도구 정의, 핸들러 라우팅, 스키마 검증까지

MCP 서버 구현 시 도구 정의(name·description·JSON Schema), tools/list·tools/call 핸들러 라우팅, Zod/Pydantic 기반 스키마 검증이 실제 코드 흐름 속에서 어떻게 맞물리는지 단계별로 설명합니다. stdio와 Streamable HTTP 트랜스포트 선택 기준까지 다뤄 C

2026년 08월 28일읽는 데 18분

OpenSource

ESLint 규칙을 Rust로 옮기면 무슨 일이 벌어지는가 — Oxc AST, 방문자 패턴, 그리고 JS 플러그인의 현실

Oxlint에서 ESLint 규칙을 Rust로 포팅할 때 달라지는 AST 구조, 방문자 패턴 동작 방식, JS 플러그인 Alpha 단계의 실제 활용 범위를 현업 시각으로 비교 분석합니다.

2026년 08월 26일읽는 데 19분

Architecture

Choreography vs. Orchestration — 분산 트랜잭션을 직접 구현해보고 나서야 보이는 차이

Saga 패턴을 Choreography와 Orchestration 두 방식으로 구현할 때의 작동 원리, 코드 수준 차이, 그리고 실무 선택 기준을 2PC의 한계부터 단계별로 비교·분석합니다.

2026년 08월 23일읽는 데 22분

Claude

단일 루프로 묶는 Claude Tool Use — stop_reason 분기, 병렬 호출, 오류 데이터화까지

Claude Tool Use의 에이전틱 루프를 stop_reason 분기, 병렬 도구 호출, 오류 데이터화 패턴 중심으로 설명하며, 경쟁사 가격 모니터링 파이프라인 예시로 프로덕션 수준의 구현 방법을 다룹니다.

2026년 08월 19일읽는 데 22분

Architecture

테넌트 격리를 스키마·DB·프로세스 세 층으로 나누어 트레이드오프를 정량화하기

멀티 테넌트 SaaS 아키텍처에서 스키마·DB·프로세스 세 격리 레이어를 코드와 수치 기반으로 비교해, 비용·규제·운영 부담에 따라 실제 적용 가능한 조합을 선택할 수 있도록 트레이드오프를 정량화합니다.

2026년 08월 16일읽는 데 22분

Backend

Cloudflare Workers + D1 + Queues로 단일 파일에서 팬아웃과 재시도 구성하기

Cloudflare Workers 단일 파일에 HTTP 프로듀서와 큐 컨슈머를 함께 두고, D1으로 잡 상태를 추적하며 팬아웃·재시도·DLQ까지 구현하는 실전 패턴을 코드와 함께 설명합니다.

2026년 08월 08일읽는 데 22분

Backend

PostgreSQL LISTEN/NOTIFY와 Bun WebSocket으로 외부 브로커 없이 실시간 브로드캐스트를 붙여본 기록

PostgreSQL의 내장 LISTEN/NOTIFY 메커니즘과 Bun WebSocket을 연결해 Redis 없이 실시간 브로드캐스트를 구현하는 방법과, 트랜잭션 커밋 보장·재연결 처리 등 실전에서 확인한 적용 한계를 코드와 함께 정리한다.

2026년 08월 07일읽는 데 17분