https://tera-log.pages.dev Next.js 블로그 제작기, 개발 중 겪은 문제와 해결 과정을 끄적거리는 개인 개발 메모장입니다. ko Tue, 26 May 2026 05:58:16 GMT https://tera-log.pages.dev/posts/ai-is-not-your-architect https://tera-log.pages.dev/posts/ai-is-not-your-architect Claude에게 아키텍처를 맡기면 그럴듯한 결과물이 나오지만, 좋은 아키텍트가 해야 할 가장 중요한 일을 AI는 하지 못한다. Tue, 26 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/aws-mcp-server-ga https://tera-log.pages.dev/posts/aws-mcp-server-ga AWS MCP Server가 정식 출시되면서 AI 코딩 에이전트가 AWS API·문서·운영 워크플로우에 표준 인터페이스로 접근할 수 있게 됐다. Tue, 26 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/claw-patrol-agent-firewall https://tera-log.pages.dev/posts/claw-patrol-agent-firewall 에이전트가 AWS, Kubernetes, Postgres 같은 프로덕션 시스템에 접근할 때 필요한 게이트웨이 계층을 Deno가 어떻게 설계했는지 살펴본다. Tue, 26 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/coding-agent-decision-fatigue https://tera-log.pages.dev/posts/coding-agent-decision-fatigue AI가 코드를 대신 쓰면서 개발자의 부담이 줄었을까. 코드 생성은 자동화됐지만 판단·리뷰·승인은 오히려 밀도 높게 집중되고 있다. Tue, 26 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/constraint-decay-llm-agents https://tera-log.pages.dev/posts/constraint-decay-llm-agents 자유로운 코드 생성에는 강한 LLM 에이전트가 API 계약·아키텍처 패턴·ORM 제약이 쌓이면 성능이 평균 30포인트 급락하는 현상을 분석한다. Tue, 26 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/agents-md-npm-package-guide https://tera-log.pages.dev/posts/agents-md-npm-package-guide README가 인간을 위한 문서라면, AGENTS.md는 AI 에이전트를 위한 문서다. 라이브러리에 추가하면 LLM이 정확한 코드를 생성하게 된다. Mon, 11 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/alphaevolve-gemini-coding-agent https://tera-log.pages.dev/posts/alphaevolve-gemini-coding-agent AlphaEvolve는 수학·컴퓨터 과학 공개 문제부터 Google 인프라 최적화까지, 인간 전문가 수준의 알고리듬을 자율 설계하는 Gemini 기반 코딩 에이전트다. Mon, 11 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/claude-code-superpowers-plugin https://tera-log.pages.dev/posts/claude-code-superpowers-plugin obra/superpowers 플러그인이 Claude Code의 기본 동작을 어떻게 바꾸는지, 7단계 워크플로우와 14개 스킬 구조를 실제 설치 방법과 함께 분석한다. Mon, 11 May 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/lighthouse-agentic-browsing-category https://tera-log.pages.dev/posts/lighthouse-agentic-browsing-category Google Lighthouse에 새로 추가된 Agentic Browsing 카테고리는 AI 에이전트가 사이트를 얼마나 잘 이해할 수 있는지를 측정한다. Mon, 11 May 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/llm-document-corruption-delegate https://tera-log.pages.dev/posts/llm-document-corruption-delegate DELEGATE-52 벤치마크에서 GPT, Claude, Gemini 모두 위임형 문서 편집 시 평균 25% 문서를 훼손하는 것으로 나타났다. Mon, 11 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/llm-wiki-karpathy-benchmark https://tera-log.pages.dev/posts/llm-wiki-karpathy-benchmark Karpathy의 LLM Wiki 아이디어를 72-run 벤치마크로 검증한 결과, Vanilla 대비 토큰 53% 절감·처리 시간 39% 단축·품질 향상을 확인했다. Mon, 11 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/ouroboros-agent-pattern https://tera-log.pages.dev/posts/ouroboros-agent-pattern AI 에이전트가 자신의 출력을 다음 입력으로 사용하는 우로보로스 패턴의 원리, 실제 구현 사례, 그리고 Claude Code에서 이 패턴을 어떻게 적용할 수 있는지 분석한다. Mon, 11 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/vscode-1-118-remote-semantic-chronicle https://tera-log.pages.dev/posts/vscode-1-118-remote-semantic-chronicle Copilot CLI 원격 모니터링, 전체 워크스페이스 시맨틱 인덱싱, Chronicle 세션 기록 검색까지 1.118의 핵심 AI 기능을 살펴본다. Mon, 11 May 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/vscode-1-119-agent-browser-telemetry https://tera-log.pages.dev/posts/vscode-1-119-agent-browser-telemetry 에이전트가 브라우저 탭을 직접 열고 검증하는 통합 기능과, 에이전트 행동을 OpenTelemetry로 관찰하는 기능이 추가된 1.119를 살펴본다. Mon, 11 May 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/vscode-copilot-bring-your-own-key https://tera-log.pages.dev/posts/vscode-copilot-bring-your-own-key Bring Your Own Key 기능으로 OpenRouter, Ollama, Cerebras 등 원하는 모델을 VS Code에서 직접 사용하는 방법을 설명한다. Mon, 11 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/vscode-copilot-custom-instructions-guide https://tera-log.pages.dev/posts/vscode-copilot-custom-instructions-guide .github/copilot-instructions.md 파일 하나로 Copilot이 프로젝트의 코딩 표준과 워크플로우를 자동으로 따르게 만드는 방법을 설명한다. Mon, 11 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/vscode-unified-coding-agent-experience https://tera-log.pages.dev/posts/vscode-unified-coding-agent-experience Agent Sessions, Planning Agent, Subagents를 통해 여러 코딩 에이전트를 VS Code 하나에서 통합 관리하는 새 경험을 살펴본다. Mon, 11 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/ai-agent-prompt-caching https://tera-log.pages.dev/posts/ai-agent-prompt-caching AI 에이전트에서 시스템 프롬프트와 도구 정의를 캐싱해 응답 속도를 높이는 프롬프트 캐싱의 동작 원리와 설정 방법을 정리한다. Mon, 04 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/fsd-architecture-kakaopay https://tera-log.pages.dev/posts/fsd-architecture-kakaopay 카카오페이가 프론트엔드 코드 구조를 개선하기 위해 FSD를 도입한 과정, 핵심 개념, 실제 폴더 구조를 정리한다. Mon, 04 May 2026 00:00:00 GMT TypeScript https://tera-log.pages.dev/posts/kakaopay-mcp-agent-toolkit https://tera-log.pages.dev/posts/kakaopay-mcp-agent-toolkit 카카오페이 개발팀이 MCP 표준으로 결제 Open API를 AI 에이전트에 연결한 방법과 실제 코드 구조를 살펴본다. Mon, 04 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/llm-internal-6-steps https://tera-log.pages.dev/posts/llm-internal-6-steps 토크나이징부터 반복 디코딩까지, LLM이 텍스트를 처리하는 6단계 과정을 코드와 비유로 풀어본다. Mon, 04 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/nuxt-mcp-server-guide https://tera-log.pages.dev/posts/nuxt-mcp-server-guide Nuxt가 공개한 MCP 서버 구축 방법과 @nuxtjs/mcp-toolkit으로 Resource, Tool, Prompt를 정의하는 실전 패턴을 정리한다. Mon, 04 May 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/anthropic-managed-agents-platform https://tera-log.pages.dev/posts/anthropic-managed-agents-platform 오케스트레이션, 세션 상태, 샌드박스를 직접 구축하지 않아도 되는 Anthropic 관리형 에이전트 플랫폼의 구조와 트레이드오프를 분석한다. Mon, 27 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/claude-code-figma-mcp-ux-writing https://tera-log.pages.dev/posts/claude-code-figma-mcp-ux-writing 수치화된 톤 스펙트럼과 Figma MCP 자동화로 반복 작업을 AI에게 넘기고 팀이 맥락과 사용자 경험에 집중하게 만든 과정을 정리한다. Mon, 27 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/claude-code-prompt-reproducibility-tuning https://tera-log.pages.dev/posts/claude-code-prompt-reproducibility-tuning 작성자와 평가자를 분리하고 서브에이전트로 반복 실행해 프롬프트 품질을 객관적으로 끌어올리는 실전 방법론을 정리한다. Mon, 27 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/google-cloud-multi-agent-a2a-mcp-patterns https://tera-log.pages.dev/posts/google-cloud-multi-agent-a2a-mcp-patterns 에이전트 간 통신을 위한 A2A와 외부 도구 연결을 위한 MCP가 Google Cloud에서 어떻게 통합되는지, 5가지 패턴으로 정리한다. Mon, 27 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/mini-swe-agent-100-lines-ai-coder https://tera-log.pages.dev/posts/mini-swe-agent-100-lines-ai-coder SWE-bench verified 74% 달성에도 핵심 코드가 100줄인 최소주의 AI 코딩 에이전트의 아키텍처와 동작 원리를 분석한다. Mon, 27 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/agent-harness-engineering https://tera-log.pages.dev/posts/agent-harness-engineering 모델보다 harness가 에이전트 성능을 더 크게 좌우한다는 사실을 Terminal Bench 결과와 함께 검증한다. Wed, 22 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/aws-devops-agent https://tera-log.pages.dev/posts/aws-devops-agent Amazon Bedrock AgentCore 기반의 AWS DevOps Agent가 인시던트를 자율 조사하는 방식과 MCP 확장, 94% 루트 코즈 정확도를 분석한다. Wed, 22 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/cloudflare-agent-memory https://tera-log.pages.dev/posts/cloudflare-agent-memory Cloudflare가 공개한 관리형 Agent Memory 서비스의 수집·검색 파이프라인과 실제 API 사용법을 분석한다. Wed, 22 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/cloudflare-agents-week-2026 https://tera-log.pages.dev/posts/cloudflare-agents-week-2026 Cloudflare가 Agents Week에 발표한 컴퓨팅, 보안, 메모리, AI 추론 인프라를 한 번에 정리한다. Wed, 22 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/cloudflare-ai-code-review https://tera-log.pages.dev/posts/cloudflare-ai-code-review Cloudflare가 48,095건의 머지 요청에 AI 코드 리뷰를 적용한 방식과 리스크 티어, 조정자 패턴, 프롬프트 주입 방지 구현을 분석한다. Wed, 22 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/cloudflare-internal-ai-stack https://tera-log.pages.dev/posts/cloudflare-internal-ai-stack Cloudflare가 자사 제품으로 내부 AI 엔지니어링 인프라를 구축하고 R&D 93%를 1년 안에 채택시킨 아키텍처와 운영 전략을 분석한다. Wed, 22 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/github-ebpf-deployment-safety https://tera-log.pages.dev/posts/github-ebpf-deployment-safety GitHub이 배포 스크립트의 GitHub.com 의존성을 eBPF로 감지하고 차단해 배포 순환 의존성 문제를 해결한 방법을 분석한다. Wed, 22 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/toss-flink-rocksdb-frequency-capping https://tera-log.pages.dev/posts/toss-flink-rocksdb-frequency-capping 토스가 광고 Frequency Capping을 위해 Flink + RocksDB를 튜닝해서 1분~7일 슬라이딩 집계를 단일 Redis 조회로 제공한 여정을 분석한다. Wed, 22 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/vscode-1-117 https://tera-log.pages.dev/posts/vscode-1-117 VS Code 1.117에서 추가된 Bring Your Own Key, 점진적 채팅 렌더링, VS Code Agents App, TypeScript 6.0.3 업데이트를 정리한다. Wed, 22 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/agentic-workflow-mental-framework https://tera-log.pages.dev/posts/agentic-workflow-mental-framework AI 에이전트에게 작업을 위임할 때 필요한 5단계 사고 모델을 정리한다. Tue, 21 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/ai-agent-protocols-mcp-a2a-guide https://tera-log.pages.dev/posts/ai-agent-protocols-mcp-a2a-guide AI 에이전트 생태계를 지탱하는 6가지 표준 프로토콜의 역할 차이와 선택 기준을 정리한다. Tue, 21 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/banksalad-vibe-coding-dsl https://tera-log.pages.dev/posts/banksalad-vibe-coding-dsl LLM이 생성한 코드를 프로덕션에서 안전하게 실행하기 위해 뱅크샐러드가 선택한 DSL 기반 전략을 해부한다. Tue, 21 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/claude-code-fde-night-2026 https://tera-log.pages.dev/posts/claude-code-fde-night-2026 서울에서 열린 Claude Code FDE Night 세미나에서 나온 기업 AI 전환 전략과 현장 경험을 정리한다. Tue, 21 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/context-engineering-ai-agents https://tera-log.pages.dev/posts/context-engineering-ai-agents 프롬프트 엔지니어링을 넘어선 컨텍스트 엔지니어링의 4가지 구성요소와 실전 패턴을 정리한다. Tue, 21 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/cursor-rules-47-frameworks https://tera-log.pages.dev/posts/cursor-rules-47-frameworks React, Next.js, Django 등 주요 프레임워크에 맞춘 Cursor 룰 파일의 구조와 선택 기준을 정리한다. Tue, 21 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/factory-model-coding-agents https://tera-log.pages.dev/posts/factory-model-coding-agents Addy Osmani가 제안한 '공장 모델'로 AI 코딩 시대의 엔지니어 역할 변화를 짚는다. Tue, 21 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/gemini-cli-subagents https://tera-log.pages.dev/posts/gemini-cli-subagents Gemini CLI에 도착한 서브에이전트 기능으로 복잡한 작업을 전문화된 AI에게 위임하는 방법을 알아본다. Tue, 21 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/genui-vs-vibe-coding https://tera-log.pages.dev/posts/genui-vs-vibe-coding AI가 인터페이스를 생성하는 두 접근법의 핵심 차이와 각각이 적합한 맥락을 분석한다. Tue, 21 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/jira-automation-claude-code-mcp https://tera-log.pages.dev/posts/jira-automation-claude-code-mcp Jira 티켓 분석, 재현, 원인 추적까지 Claude Code와 MCP로 자동화하는 실전 워크플로우를 정리한다. Tue, 21 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/ai-coding-era-developer-brain-growth https://tera-log.pages.dev/posts/ai-coding-era-developer-brain-growth AI에 의존할수록 AI를 잘 쓰기 어려워진다는 역설을 신경과학과 인지심리학으로 분석한다. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/baemin-multilang-llm-19days https://tera-log.pages.dev/posts/baemin-multilang-llm-19days 5년간 미루던 다국어 번역 파이프라인을 Claude Haiku에서 Amazon Nova로 전환하며 19일 만에 완성한 우아한형제들의 기술 스택과 구현 구조. Mon, 20 Apr 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/bun-webview-cron-native-browser https://tera-log.pages.dev/posts/bun-webview-cron-native-browser Playwright 없이 브라우저를 제어하는 Bun.WebView, 그리고 서버 재시작 없이 작업을 스케줄링하는 Bun.cron의 기술적 구조. Mon, 20 Apr 2026 00:00:00 GMT Runtime https://tera-log.pages.dev/posts/chrome-builtin-ai-doc-summarizer https://tera-log.pages.dev/posts/chrome-builtin-ai-doc-summarizer officeParser로 오피스 문서를 텍스트로 파싱하고, Chrome Summary API로 브라우저 내에서 AI 요약을 생성하는 방법을 다룬다. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/chrome-builtin-ai-ocr https://tera-log.pages.dev/posts/chrome-builtin-ai-ocr Chrome의 LanguageModel API를 사용해 서버 없이 브라우저에서 이미지 OCR을 구현하는 방법과 실제 테스트 결과를 정리한다. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/css-animation-timeline-overflow-detection https://tera-log.pages.dev/posts/css-animation-timeline-overflow-detection CSS scroll() 타임라인으로 컨테이너 오버플로우를 감지하고 border-radius를 자동 조절하는 순수 CSS 트릭을 정리한다. Mon, 20 Apr 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/css-replace-12-column-grid https://tera-log.pages.dev/posts/css-replace-12-column-grid Bootstrap의 12컬럼 시스템을 CSS Grid와 Flexbox만으로 대체하는 현대적 레이아웃 패턴을 비교한다. Mon, 20 Apr 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/css-spring-animation-linear-easing https://tera-log.pages.dev/posts/css-spring-animation-linear-easing CSS linear() 함수로 바운스와 탄성을 가진 스프링 애니메이션을 순수 CSS만으로 구현하는 방법을 정리한다. Mon, 20 Apr 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/digitalocean-to-hetzner-migration https://tera-log.pages.dev/posts/digitalocean-to-hetzner-migration 6단계 무중단 이전 절차로 248GB 데이터와 65GB 파일을 다운타임 0분으로 이전한 실전 마이그레이션 기록이다. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/frontend-dogma-rss-paid-feature https://tera-log.pages.dev/posts/frontend-dogma-rss-paid-feature Frontend Dogma의 전체 RSS 피드가 연 12달러 유료 기능으로 전환됐다. 독립 기술 미디어의 생존 문제를 들여다본다. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/github-copilot-metrics-dashboard https://tera-log.pages.dev/posts/github-copilot-metrics-dashboard 오픈소스 GitHub Copilot 메트릭 대시보드로 팀 단위 AI 코딩 도입 효과를 측정하고 시각화하는 방법을 살펴본다. Mon, 20 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/harness-engineering-team-ai-workflow https://tera-log.pages.dev/posts/harness-engineering-team-ai-workflow 프롬프트를 잘 쓰는 게 아니라 AI가 일하는 환경을 설계하는 것. 우아한형제들이 Rules와 Skills로 팀 맞춤형 AI 워크플로를 구축한 사례. Mon, 20 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/mdn-ditches-react-web-components https://tera-log.pages.dev/posts/mdn-ditches-react-web-components 13년간 React 기반으로 운영하던 MDN이 Web Components와 자체 서버 컴포넌트 시스템으로 프론트엔드를 전면 재구축한 배경과 기술적 판단. Mon, 20 Apr 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/nodejs-undocumented-env-vars-scan https://tera-log.pages.dev/posts/nodejs-undocumented-env-vars-scan Express, NestJS, Supabase 등 6개 Node.js 프로젝트를 스캔해 실제 env 사용량과 문서화 수준의 격차를 분석한다. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/npm-download-tracking-two-weeks-data https://tera-log.pages.dev/posts/npm-download-tracking-two-weeks-data 텍스트 분석 라이브러리를 배포하고 2주간 모든 다운로드와 트래픽 소스를 추적한 실제 데이터를 공개한다. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/npm-package-paid-rest-api-architecture https://tera-log.pages.dev/posts/npm-package-paid-rest-api-architecture JavaScript 전용 텍스트 분석 패키지를 모든 언어에서 쓸 수 있는 유료 API로 변환한 실제 아키텍처를 분석한다. Mon, 20 Apr 2026 00:00:00 GMT Runtime https://tera-log.pages.dev/posts/pnpm-monorepo-react19-type-pollution https://tera-log.pages.dev/posts/pnpm-monorepo-react19-type-pollution 우아한형제들이 pnpm catalogs로 React 18/19를 동시에 운영하다 마주친 98개 타입 에러의 원인과 packageExtensions 해결법. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/react-gantt-chart-benchmark-2026 https://tera-log.pages.dev/posts/react-gantt-chart-benchmark-2026 SVAR, DHTMLX, Bryntum, Syncfusion, DevExtreme, KendoReact를 100,000개 태스크 기준으로 로딩 속도, 스크롤, CRUD 성능을 비교한다. Mon, 20 Apr 2026 00:00:00 GMT Frontend https://tera-log.pages.dev/posts/vscode-1-115-agents-app-terminal https://tera-log.pages.dev/posts/vscode-1-115-agents-app-terminal 병렬 에이전트 세션 관리를 위한 VS Code Agents App과 백그라운드 터미널 자동화 기능이 추가된 1.115 릴리즈를 살펴본다. Mon, 20 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/webpage-mcp-browser-agent-control https://tera-log.pages.dev/posts/webpage-mcp-browser-agent-control Chrome 확장으로 브라우저를 MCP 서버로 변환해 AI 에이전트가 기존 로그인 세션을 활용한 웹 자동화를 가능하게 하는 도구를 살펴본다. Mon, 20 Apr 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/zustand-soft-delete-enumerable-false https://tera-log.pages.dev/posts/zustand-soft-delete-enumerable-false JavaScript property descriptor의 enumerable 플래그를 활용해 삭제된 엔티티를 투명하게 처리하는 Zustand 패턴을 소개한다. Sat, 18 Apr 2026 00:00:00 GMT Frontend https://tera-log.pages.dev/posts/svg-icons-product-team-ownership https://tera-log.pages.dev/posts/svg-icons-product-team-ownership CSS mask-image와 S3를 조합해 개발자 개입 없이 아이콘을 교체하는 패턴을 소개한다. Fri, 17 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/vscode-1-116-april-2026 https://tera-log.pages.dev/posts/vscode-1-116-april-2026 2026년 4월 VS Code 1.116이 에이전트 경험, 터미널, Chat UX, 내장 브라우저를 개선한 핵심 변경사항을 정리한다. Thu, 16 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/naver-fe-news-april-2026 https://tera-log.pages.dev/posts/naver-fe-news-april-2026 Naver FE News 2026년 4월호에서 프론트엔드 개발자가 주목할 6가지 소식을 선별해 정리한다. Tue, 14 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/vscode-agents-practical-development https://tera-log.pages.dev/posts/vscode-agents-practical-development VS Code 1.110이 도입한 컨텍스트 관리, 에이전트 제어, 확장성 기능이 AI 에이전트를 실무에 투입 가능하게 만든 방식을 분석한다. Sun, 12 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/nodejs-virtual-file-system https://tera-log.pages.dev/posts/nodejs-virtual-file-system Matteo Collina가 제안한 node:vfs 모듈이 해결하려는 4가지 문제와 아키텍처를 분석한다. Fri, 10 Apr 2026 00:00:00 GMT Runtime https://tera-log.pages.dev/posts/astro-oauth-google-login https://tera-log.pages.dev/posts/astro-oauth-google-login Astro에서 OAuth 2.0으로 Google 로그인을 구현하고 Calendar API까지 연동하는 전체 과정을 코드와 함께 정리한다. Wed, 08 Apr 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/envscan-env-example-automation https://tera-log.pages.dev/posts/envscan-env-example-automation 코드에서 process.env 참조를 스캔해 .env.example을 자동 생성하는 envscan의 접근 방식과 기존 도구들과의 차이를 정리한다. Tue, 07 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/html-minifier-benchmarks-2026 https://tera-log.pages.dev/posts/html-minifier-benchmarks-2026 minify-html, htmlnano, HTML Minifier Next, @swc/html 등 주요 HTML 압축 도구를 실제 사이트로 비교한 벤치마크 결과와 선택 기준을 정리한다. Tue, 07 Apr 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/javascript-image-preloading-methods https://tera-log.pages.dev/posts/javascript-image-preloading-methods new Image, link preload, hidden div, Cache API, fetch — 각 프리로딩 방식의 장단점과 상황별 선택 기준을 정리한다. Tue, 07 Apr 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/react-dont-lift-state https://tera-log.pages.dev/posts/react-dont-lift-state React에서 습관적으로 lift state up을 하는 안티패턴을 살펴보고, 상태를 쓰는 곳 가까이 두는 편이 왜 더 나은지 정리한다. Tue, 07 Apr 2026 00:00:00 GMT React https://tera-log.pages.dev/posts/css-one-line-upgrades https://tera-log.pages.dev/posts/css-one-line-upgrades aspect-ratio부터 scrollbar-gutter까지, 한 줄 추가로 스타일시트를 현대화하는 12가지 CSS 속성을 정리한다. Mon, 06 Apr 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/modern-css-component-architecture https://tera-log.pages.dev/posts/modern-css-component-architecture CSS Nesting, Cascade Layers, Container Queries, :has() 등 네이티브 CSS 기능으로 컴포넌트 기반 아키텍처를 구축하는 방법을 정리한다. Sat, 04 Apr 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/javascript-physics-engine-100-lines https://tera-log.pages.dev/posts/javascript-physics-engine-100-lines 벡터 연산, 원 충돌 감지, 충격량 기반 응답까지 순수 JavaScript로 2D 물리 엔진을 직접 만든다. Thu, 02 Apr 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/angular-to-react-strangler-migration https://tera-log.pages.dev/posts/angular-to-react-strangler-migration 대규모 티켓 플랫폼을 Angular 1에서 React로 마이그레이션하면서 적용한 Strangler 패턴과 7가지 교훈을 정리한다. Tue, 31 Mar 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/cloudflare-workers-ab-testing https://tera-log.pages.dev/posts/cloudflare-workers-ab-testing 클라이언트 사이드 A/B 테스트가 렌더링을 막는 문제를 Cloudflare Workers로 해결하는 방법을 정리한다. Sun, 29 Mar 2026 00:00:00 GMT Runtime https://tera-log.pages.dev/posts/ai-coding-artifacts-workflow https://tera-log.pages.dev/posts/ai-coding-artifacts-workflow PRD, ADR, TDD가 AI 코딩 워크플로우에서 왜 선택이 아닌 필수인지, 실전 구조와 함께 살펴본다. Sat, 28 Mar 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/next-translate-3-0-turbopack https://tera-log.pages.dev/posts/next-translate-3-0-turbopack 1년간 공백 후 돌아온 Next-Translate 3.0이 Turbopack 지원, 비동기 params, App Router 안정화를 한 번에 처리하는 방법. Fri, 27 Mar 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/v8-wasm-speculative-inlining https://tera-log.pages.dev/posts/v8-wasm-speculative-inlining V8이 WasmGC의 가상 메서드 디스패치에 투기적 인라이닝을 도입해 Dart와 Java 앱에서 최대 8% 성능을 끌어낸 방법. Thu, 26 Mar 2026 00:00:00 GMT Runtime https://tera-log.pages.dev/posts/vinext-nextjs-vite-cloudflare https://tera-log.pages.dev/posts/vinext-nextjs-vite-cloudflare Cloudflare가 AI와 함께 단 일주일, $1,100의 API 비용으로 Next.js 호환 프레임워크를 Vite 위에 구축한 과정. Wed, 25 Mar 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/tsonic-typescript-native-aot https://tera-log.pages.dev/posts/tsonic-typescript-native-aot TypeScript → C# → NativeAOT 파이프라인으로 네이티브 실행 파일을 만드는 Tsonic. 어떻게 동작하고, 어떤 한계가 있는지 살펴봤다. Tue, 24 Mar 2026 00:00:00 GMT TypeScript https://tera-log.pages.dev/posts/vscode-builds-with-ai-workflow https://tera-log.pages.dev/posts/vscode-builds-with-ai-workflow VS Code 팀이 월간 릴리스에서 주간 릴리스로 전환한 비결. 에이전트 세션 병렬화, 자동화 파이프라인, 품질 게이트 설계 전반을 공개했다. Thu, 19 Mar 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/react-compiler-capability-boundaries https://tera-log.pages.dev/posts/react-compiler-capability-boundaries React Compiler가 자동 메모이제이션으로 해결하는 것과 해결하지 못하는 것. 컴파일러 기반 UI 프레임워크의 능력 경계를 정리했다. Thu, 12 Mar 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/native-json-modules-import-attributes https://tera-log.pages.dev/posts/native-json-modules-import-attributes Import Attributes와 함께 표준이 된 native JSON module. 어떻게 동작하고, 기존 번들러 방식과 뭐가 다른지 정리했다. Thu, 05 Mar 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/babel-7-29-last-minor-release https://tera-log.pages.dev/posts/babel-7-29-last-minor-release 2026년 1월 31일, Babel 7의 마지막 마이너 릴리스가 공개됐다. 이 버전이 갖는 역사적 의미와 Babel 8 RC1의 핵심 변화를 정리한다. Sat, 28 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/bun-event-loop-bottleneck https://tera-log.pages.dev/posts/bun-event-loop-bottleneck Bun으로 바꿔도 p99가 개선되지 않는 이유. 런타임 선택보다 먼저 봐야 할 진짜 병목 지점들. Sat, 28 Feb 2026 00:00:00 GMT Runtime https://tera-log.pages.dev/posts/coaction-web-worker-state-management https://tera-log.pages.dev/posts/coaction-web-worker-state-management JavaScript 단일 스레드 한계를 극복하는 상태 관리 라이브러리 Coaction의 동작 방식, Zustand와의 차이, Standard/Shared 두 가지 모드 사용법을 정리한다. Sat, 28 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/css-at-property-typed-custom-properties https://tera-log.pages.dev/posts/css-at-property-typed-custom-properties CSS @property at-rule로 커스텀 속성에 타입 정의, 상속 제어, 폴백을 추가해 렌더링 안정성과 애니메이션 가능성을 확보하는 방법을 다룬다. Sat, 28 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/docfind-rust-wasm-client-search https://tera-log.pages.dev/posts/docfind-rust-wasm-client-search Microsoft VS Code 문서 팀이 Rust와 WebAssembly로 구현한 클라이언트 사이드 검색 엔진 Docfind의 내부 설계를 파헤친다. Sat, 28 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/error-iserror-realm-safe-checking https://tera-log.pages.dev/posts/error-iserror-realm-safe-checking instanceof Error가 iframe과 worker에서 실패하는 이유, 그리고 이를 근본적으로 해결하는 Error.isError()의 동작 원리를 정리한다. Sat, 28 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/renderify-llm-jsx-browser-runtime https://tera-log.pages.dev/posts/renderify-llm-jsx-browser-runtime Renderify가 @babel/standalone과 JSPM CDN을 이용해 LLM 생성 JSX/TSX를 zero-build로 실행하는 방식과 보안 모델, 스트리밍 렌더링 구조를 분석한다. Sat, 28 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/spotify-ai-development-revolution https://tera-log.pages.dev/posts/spotify-ai-development-revolution Spotify가 내부 AI 시스템 Honk과 Claude Code를 활용해 개발 워크플로우를 근본적으로 바꾼 사례를 분석한다. Sat, 28 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/steve-yegge-ai-agent-era https://tera-log.pages.dev/posts/steve-yegge-ai-agent-era 실리콘밸리 베테랑 Steve Yegge가 말하는 AI 에이전트 시대의 핵심 주장과 엔지니어에게 주는 시사점을 정리한다. Sat, 28 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/v8-leaving-sea-of-nodes-turboshaft https://tera-log.pages.dev/posts/v8-leaving-sea-of-nodes-turboshaft V8 팀이 10년간 사용한 Sea of Nodes IR을 포기하고 Turboshaft로 전환한 7가지 이유와 그 교훈을 정리한다. Sat, 28 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/vscode-1-110-february-2026-update https://tera-log.pages.dev/posts/vscode-1-110-february-2026-update 2026년 2월 VS Code 1.110이 AI 에이전트 경험을 한 단계 끌어올린 핵심 기능 6가지를 분석한다. Sat, 28 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/vscode-long-distance-next-edit-suggestions https://tera-log.pages.dev/posts/vscode-long-distance-next-edit-suggestions VS Code Copilot의 Next Edit Suggestions가 파일 전체로 확장되면서, 멀리 떨어진 코드도 자동으로 제안하는 기술적 배경을 분석한다. Sat, 28 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/github-agentic-workflows https://tera-log.pages.dev/posts/github-agentic-workflows GitHub이 마크다운 기반 AI 워크플로우를 기술 프리뷰로 공개했다. 구조, 보안 모델, 실전 시나리오를 분석한다. Fri, 27 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/cursor-cloud-agents-autonomous-developer https://tera-log.pages.dev/posts/cursor-cloud-agents-autonomous-developer Cursor가 발표한 Cloud Agents는 독립 VM에서 코드 작성, 브라우저 테스트, PR 제출까지 자율적으로 수행하는 AI 에이전트다. Thu, 26 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/react-performance-optimization-guide https://tera-log.pages.dev/posts/react-performance-optimization-guide 번들 분석부터 에셋 최적화까지, React 앱의 LCP를 단계적으로 개선하는 실전 프레임워크를 다룬다. Thu, 26 Feb 2026 00:00:00 GMT React https://tera-log.pages.dev/posts/claude-code-remote-control-mobile https://tera-log.pages.dev/posts/claude-code-remote-control-mobile Claude Code의 Remote Control 기능으로 스마트폰에서 로컬 코딩 세션을 제어할 수 있게 되었다. Wed, 25 Feb 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/publint-npm-package-validation https://tera-log.pages.dev/posts/publint-npm-package-validation npm 패키지의 exports, entry points, 모듈 포맷을 배포 전에 검증하는 Publint 도구 사용법. Wed, 25 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/google-sre-gemini-cli-incident-response https://tera-log.pages.dev/posts/google-sre-gemini-cli-incident-response Google Cloud SRE 팀이 Gemini CLI를 장애 대응 워크플로우에 통합한 방법, 효과, 한계를 분석한다. Tue, 24 Feb 2026 00:00:00 GMT DevOps https://tera-log.pages.dev/posts/cloudflare-code-mode-mcp-agent-api https://tera-log.pages.dev/posts/cloudflare-code-mode-mcp-agent-api Cloudflare가 공개한 Code Mode는 AI 에이전트에게 수천 개의 API 엔드포인트를 단 2개 도구로 제공하는 MCP 서버 설계 패턴이다. Mon, 23 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/css-near-pseudo-class-proximity https://tera-log.pages.dev/posts/css-near-pseudo-class-proximity CSS Working Group에 제안된 :near() 의사 클래스는 포인터 근접성을 감지해 호버 전에 UI를 활성화하는 새로운 상호작용 패턴을 연다. Mon, 23 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/jquery-4-ten-year-major-release https://tera-log.pages.dev/posts/jquery-4-ten-year-major-release jQuery가 20주년을 맞아 10년 만에 메이저 버전을 출시했다. IE 지원 축소, ES 모듈 전환, Trusted Types 등 핵심 변경 사항을 정리한다. Mon, 23 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/nx-bun-migration-guide https://tera-log.pages.dev/posts/nx-bun-migration-guide Nx 18에서 21까지 버전 업그레이드와 Bun 패키지 매니저 도입을 동시에 진행한 컬리의 마이그레이션 전략과 실전 이슈를 정리한다. Mon, 23 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/safari-26-3-webkit-features https://tera-log.pages.dev/posts/safari-26-3-webkit-features Safari 26.3이 Zstandard 콘텐츠 인코딩, Navigation API AbortSignal 지원, 그리고 다수의 CSS 버그 수정을 가져왔다. Mon, 23 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/v8-mutable-heap-numbers-optimization https://tera-log.pages.dev/posts/v8-mutable-heap-numbers-optimization V8 엔진이 스크립트 컨텍스트의 숫자 변수를 매번 새 HeapNumber로 할당하던 방식을 제자리 수정(mutable)으로 바꿔 최대 2.5배 성능 향상을 달성했다. Mon, 23 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/claude-code-agent-teams https://tera-log.pages.dev/posts/claude-code-agent-teams Claude Code의 에이전트 팀을 정리했다. 설정법, 사용 사례, 10만 줄 C 컴파일러 구축 실전 사례, 훅을 활용한 품질 관리, 토큰 비용 분석까지 다룬다. Sun, 22 Feb 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/naver-oracle-to-mysql-migration https://tera-log.pages.dev/posts/naver-oracle-to-mysql-migration 10년 이상 운영한 Oracle을 서비스 중단 없이 MySQL로 전환한 네이버 스마트스토어 회원 파트의 이중 쓰기(dual write) 전략과 기술적 해결 과정. Sun, 22 Feb 2026 00:00:00 GMT Backend https://tera-log.pages.dev/posts/css-base-select-no-javascript https://tera-log.pages.dev/posts/css-base-select-no-javascript Chrome 135에 도입된 appearance: base-select와 sibling-index()로 JavaScript 없이 완전한 커스텀 드롭다운을 구현하는 방법을 분석한다. Sat, 21 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/google-webmcp-ai-agent-web-standard https://tera-log.pages.dev/posts/google-webmcp-ai-agent-web-standard Chrome 146에 탑재된 WebMCP의 Declarative·Imperative API 구조와 웹 개발자가 준비해야 할 변화를 분석한다. Sat, 21 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/netflix-llm-post-training-scaling https://tera-log.pages.dev/posts/netflix-llm-post-training-scaling Pre-training이 LLM에 넓은 언어 능력을 주지만, post-training이 실제 의도와 도메인 제약에 맞추는 단계. Netflix의 스케일링 접근법. Sat, 21 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/rolldown-bitset-code-splitting https://tera-log.pages.dev/posts/rolldown-bitset-code-splitting Vite의 차세대 번들러 Rolldown이 비트셋 기반 알고리즘으로 코드 스플리팅을 수행하는 원리를 분석한다. Sat, 21 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/v8-explicit-compile-hints https://tera-log.pages.dev/posts/v8-explicit-compile-hints Chrome 136에 도입된 V8의 Explicit Compile Hints 기능으로 JavaScript 초기 로딩 성능을 개선하는 원리와 사용법을 분석한다. Sat, 21 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/babel-8-beta-esm-only-era https://tera-log.pages.dev/posts/babel-8-beta-esm-only-era 2년간의 알파를 거쳐 베타에 진입한 Babel 8의 핵심 변경사항과 마이그레이션 전략을 정리한다. Fri, 20 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/cloudflare-markdown-for-agents https://tera-log.pages.dev/posts/cloudflare-markdown-for-agents Cloudflare가 AI 에이전트를 위해 HTML을 마크다운으로 자동 변환하는 기능의 동작 원리와 의미를 살펴본다. Fri, 20 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/cloudflare-workers-static-assets-routing https://tera-log.pages.dev/posts/cloudflare-workers-static-assets-routing Workers Static Assets를 기준으로 SPA/SSR 혼합 서비스에서 라우팅, 캐시, Worker 실행 순서를 설계하는 실전 패턴을 정리한다. Fri, 20 Feb 2026 00:00:00 GMT Runtime https://tera-log.pages.dev/posts/eslint-v10-flat-config-era https://tera-log.pages.dev/posts/eslint-v10-flat-config-era ESLint v10.0.0의 레거시 eslintrc 완전 제거, 파일 기반 설정 탐색, JSX 참조 추적 등 주요 변경 사항과 마이그레이션 방법을 정리한다. Fri, 20 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/explicit-resource-management-using-keyword https://tera-log.pages.dev/posts/explicit-resource-management-using-keyword TC39 Stage 4에 도달한 Explicit Resource Management 제안을 통해 using 키워드와 Symbol.dispose의 동작 원리를 살펴본다. Fri, 20 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/github-copilot-agent-skills-workflow https://tera-log.pages.dev/posts/github-copilot-agent-skills-workflow Copilot Agent Mode와 Agent Skills를 기준으로, 반복 작업을 줄이는 실전 워크플로우를 정리한다. Fri, 20 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/typescript-6-beta-migration https://tera-log.pages.dev/posts/typescript-6-beta-migration TypeScript 6.0 Beta의 주요 변경 사항과 깨지는 기본값들을 정리하고, TS 7(Go 네이티브) 전환을 대비하는 마이그레이션 전략을 다룬다. Fri, 20 Feb 2026 00:00:00 GMT TypeScript https://tera-log.pages.dev/posts/v8-json-stringify-twice-faster https://tera-log.pages.dev/posts/v8-json-stringify-twice-faster V8 13.8(Chrome 138)에서 적용된 JSON.stringify 성능 개선의 기술적 배경과 6가지 핵심 최적화 전략을 분석한다. Fri, 20 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/validator-js-zero-width-bypass-cve https://tera-log.pages.dev/posts/validator-js-zero-width-bypass-cve CVE-2025-12758로 등록된 validator.js의 isLength() 우회 취약점의 원리, 영향, 대응 방법을 분석한다. Fri, 20 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/vscode-multi-agent-development https://tera-log.pages.dev/posts/vscode-multi-agent-development VS Code 1.109가 도입한 멀티 에이전트 개발 환경의 3가지 실행 모드와 MCP Apps 지원을 분석한다. Fri, 20 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/coding-agent-core-concepts-guide https://tera-log.pages.dev/posts/coding-agent-core-concepts-guide 코딩 에이전트의 핵심 개념 7가지를 실무 적용 순서대로 정리하고, 팀 운영에 바로 쓸 수 있는 체크리스트를 제공한다. Thu, 19 Feb 2026 00:00:00 GMT Claude Code https://tera-log.pages.dev/posts/gemini-beginner-prompt-guide https://tera-log.pages.dev/posts/gemini-beginner-prompt-guide 처음 AI를 쓰는 사람도 이해할 수 있도록 Gemini 시작 방법, 질문 잘하는 법, 실수 줄이는 팁, 실전 활용 예시를 정리한다. Thu, 19 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/kurly-oms-claude-ai-workflow https://tera-log.pages.dev/posts/kurly-oms-claude-ai-workflow PM 1명과 엔지니어 3명이 12개 MSA를 운영하는 OMS팀이 Claude AI를 도입해 16명 규모 조직처럼 일하게 된 과정. Thu, 19 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/incident-first-action-strategy https://tera-log.pages.dev/posts/incident-first-action-strategy 우아한형제들이 70건의 장애 사례를 분석해 도출한 First Action 전략. 장애 복구 시간을 결정하는 건 원인 분석이 아니라 최초 조치다. Wed, 18 Feb 2026 00:00:00 GMT DevOps https://tera-log.pages.dev/posts/chrome-144-temporal-api https://tera-log.pages.dev/posts/chrome-144-temporal-api Chrome 144가 Temporal API를 정식 탑재하면서 JavaScript 날짜 처리의 새 시대가 열렸다. Tue, 17 Feb 2026 00:00:00 GMT JavaScript https://tera-log.pages.dev/posts/css-spiral-scrollytelling-sibling-index https://tera-log.pages.dev/posts/css-spiral-scrollytelling-sibling-index CSS sibling-index()와 scroll-driven animations를 결합해 순수 CSS만으로 텍스트 보텍스 효과를 구현하는 기법을 다룬다. Tue, 17 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/ddos-2025-q4-record-attack https://tera-log.pages.dev/posts/ddos-2025-q4-record-attack 2025년 DDoS 공격이 전년 대비 두 배 이상 증가하고, 역대 최대 31.4 Tbps 공격이 기록된 Cloudflare Q4 리포트 분석. Tue, 17 Feb 2026 00:00:00 GMT DevOps https://tera-log.pages.dev/posts/electrobun-v1-bun-desktop-apps https://tera-log.pages.dev/posts/electrobun-v1-bun-desktop-apps Electron의 번들 크기 문제를 Bun 런타임과 네이티브 웹뷰로 해결하려는 새 프레임워크 Electrobun v1이 출시됐다. Tue, 17 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/interop-2026-cross-browser-features https://tera-log.pages.dev/posts/interop-2026-cross-browser-features Chrome, Safari, Firefox가 합의한 20개 웹 표준 집중 영역과 프론트엔드 개발자가 주목해야 할 핵심 기능을 정리한다. Tue, 17 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/daangn-genai-platform https://tera-log.pages.dev/posts/daangn-genai-platform 'AI 활용에 가장 앞선 당근' 비전 아래 여러 제품 팀이 AI를 더 잘 활용할 수 있도록 구축한 GenAI 플랫폼. Mon, 16 Feb 2026 00:00:00 GMT AI https://tera-log.pages.dev/posts/css-stacking-context https://tera-log.pages.dev/posts/css-stacking-context CSS 쌓임 맥락의 생성 조건, z-index의 실제 작동 원리, 그리고 레이아웃 버그를 디버깅하는 실전 전략을 정리한다. Sun, 15 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/netflix-rds-to-aurora-migration https://tera-log.pages.dev/posts/netflix-rds-to-aurora-migration Netflix Online Data Stores 팀이 400개에 가까운 RDS Postgres 클러스터를 Aurora Postgres로 자동 마이그레이션한 셀프서비스 워크플로우 설계 과정. Sun, 15 Feb 2026 00:00:00 GMT Backend https://tera-log.pages.dev/posts/blog-recommended-posts https://tera-log.pages.dev/posts/blog-recommended-posts localStorage에 조회 이력을 저장하고, 태그 가중치 스코어링으로 정적 블로그에서도 개인화 추천을 구현하는 방법. Sat, 14 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/cloudflare-ecdysis-rust-graceful-restart https://tera-log.pages.dev/posts/cloudflare-ecdysis-rust-graceful-restart Cloudflare가 5년간 프로덕션에서 검증한 Rust 무중단 재시작 라이브러리 ecdysis를 오픈소스로 공개했다. Sat, 14 Feb 2026 00:00:00 GMT DevOps https://tera-log.pages.dev/posts/bun-vs-node-vs-deno https://tera-log.pages.dev/posts/bun-vs-node-vs-deno 런타임 3대장 비교: 호환성(Node), 속도/번들(Bun), 올인원/보안(Deno). 팀/프로덕트 상황별 선택 기준과 체크리스트까지 정리. Fri, 13 Feb 2026 00:00:00 GMT Runtime https://tera-log.pages.dev/posts/bundler-what-why-and-which https://tera-log.pages.dev/posts/bundler-what-why-and-which 번들러의 역할(모듈/의존성/트랜스파일/최적화)을 쉽게 설명하고, Vite·Rollup·esbuild·Webpack·Rspack·Turbopack 같은 도구를 상황별로 비교합니다. Fri, 13 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/kurly-outbox-pattern-safe-sync https://tera-log.pages.dev/posts/kurly-outbox-pattern-safe-sync 아웃박스 패턴과 Spring Kafka RetryableTopic으로 외부 채널 입고 정보를 안전하게 동기화하는 컬리의 방법. Fri, 13 Feb 2026 00:00:00 GMT Backend https://tera-log.pages.dev/posts/combobox-multiselect-listbox-guide https://tera-log.pages.dev/posts/combobox-multiselect-listbox-guide Combobox, Multiselect, Listbox, Dual Listbox의 차이점과 접근성 요구사항, 선택 기준을 ARIA 패턴 기반으로 정리한다. Thu, 12 Feb 2026 00:00:00 GMT Frontend https://tera-log.pages.dev/posts/blog-search-registration https://tera-log.pages.dev/posts/blog-search-registration Google Search Console, Bing Webmaster Tools, 네이버 서치어드바이저, 다음 검색등록까지. Next.js 블로그를 검색엔진에 노출시키는 전체 과정을 정리했다. Wed, 11 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/daangn-event-center-platform https://tera-log.pages.dev/posts/daangn-event-center-platform 코드 곳곳에 하드코딩되던 사용자 행동 로그를 중앙화된 이벤트센터 플랫폼으로 정리한 당근의 개발기. Wed, 11 Feb 2026 00:00:00 GMT Backend https://tera-log.pages.dev/posts/meta-jittesting-agentic-development https://tera-log.pages.dev/posts/meta-jittesting-agentic-development Meta가 제안한 Just-in-Time Testing은 에이전트가 생성한 코드를 LLM이 그때그때 테스트하는 새로운 패러다임이다. Wed, 11 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/blog-custom-domain https://tera-log.pages.dev/posts/blog-custom-domain GitHub Pages의 한계를 넘어 Cloudflare Pages로 블로그를 이전한 과정. 비교, 설정, SEO까지 한 번에 정리. Tue, 10 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/css-responsive-pyramidal-grid https://tera-log.pages.dev/posts/css-responsive-pyramidal-grid CSS Grid의 자동 배치 알고리즘과 nth-child 셀렉터를 조합해 반응형 피라미드 그리드를 구현하는 방법을 다룬다. Tue, 10 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/blog-search https://tera-log.pages.dev/posts/blog-search 빌드 타임 검색 인덱스 생성과 클라이언트 사이드 필터링으로 정적 블로그에 검색 기능을 구현하기. Cmd+K 단축키, 오버레이 UI까지. Mon, 09 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/netflix-temporal-durable-execution https://tera-log.pages.dev/posts/netflix-temporal-durable-execution Netflix Spinnaker 팀이 Temporal Durable Execution을 도입해 Cloud Operation의 일시적 장애를 사실상 제거한 마이그레이션 이야기. Mon, 09 Feb 2026 00:00:00 GMT Backend https://tera-log.pages.dev/posts/blog-scroll-progress-and-fixes https://tera-log.pages.dev/posts/blog-scroll-progress-and-fixes 스크롤 진행률 프로그레스 바 구현과 Canvas 커서 효과가 GNB backdrop-blur와 충돌하며 발생한 깜빡임 이슈 해결기. Sun, 08 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/css-pure-pie-chart https://tera-log.pages.dev/posts/css-pure-pie-chart conic-gradient, CSS 커스텀 프로퍼티, 새로운 attr() 타입 구문을 활용해 JavaScript 없이 시맨틱한 파이 차트를 구현하는 방법을 다룬다. Sun, 08 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/blog-toc-and-effects https://tera-log.pages.dev/posts/blog-toc-and-effects IntersectionObserver 기반 TOC(Table of Contents)와 Canvas 커서 트레일 효과 구현기. 스크롤 하이라이팅, fixed 레이아웃 처리까지. Sat, 07 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/daangn-pay-backend-architecture-journey https://tera-log.pages.dev/posts/daangn-pay-backend-architecture-journey 당근페이 백엔드가 Layered에서 Hexagonal을 거쳐 Clean Architecture + Monorepo로 진화한 과정과 각 단계의 트레이드오프를 다룬다. Sat, 07 Feb 2026 00:00:00 GMT Architecture https://tera-log.pages.dev/posts/css-contrast-color-approximation https://tera-log.pages.dev/posts/css-contrast-color-approximation 브라우저 지원이 부족한 CSS contrast-color()를 color-mix(), relative color syntax, custom properties로 근사 구현하는 방법을 정리한다. Fri, 06 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/blog-giscus https://tera-log.pages.dev/posts/blog-giscus 서버 없이 GitHub Discussions 기반 댓글 시스템 giscus를 Next.js 블로그에 연동하기. 다크모드 자동 전환까지. Thu, 05 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/kurly-webpack4-to-vite-migration https://tera-log.pages.dev/posts/kurly-webpack4-to-vite-migration CI 빌드가 OOM으로 터진 뒤, 5년 동안 방치된 Webpack4 기반 CMS를 Vite로 전환하며 빌드 시간 48%, 번들 크기 81%를 줄인 과정. Thu, 05 Feb 2026 00:00:00 GMT Tooling https://tera-log.pages.dev/posts/css-bar-charts-modern-functions https://tera-log.pages.dev/posts/css-bar-charts-modern-functions CSS 수학 함수와 커스텀 프로퍼티, 시맨틱 HTML을 조합해 JavaScript 없이 반응형 바 차트를 구현하는 방법을 다룬다. Wed, 04 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/blog-pages https://tera-log.pages.dev/posts/blog-pages Velog 스타일 카드 UI와 MDX 렌더링 상세 페이지 구현. 반응형 그리드, SEO 메타데이터, 정적 사이트 생성까지. Tue, 03 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/daangn-redux-event-sourcing https://tera-log.pages.dev/posts/daangn-redux-event-sourcing 프론트엔드에서 익숙한 Redux의 Action-Reducer-State 패턴을 서버 사이드에 적용한 당근마켓의 이벤트 소싱 라이브러리 Ventyd를 분석한다. Tue, 03 Feb 2026 00:00:00 GMT Architecture https://tera-log.pages.dev/posts/blog-theme https://tera-log.pages.dev/posts/blog-theme Tailwind CSS v4의 CSS-first 설정과 next-themes를 활용한 다크/라이트 모드 구현. 커스텀 프로퍼티 기반 테마 시스템 구축기. Mon, 02 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/css-scope-alternative-naming-conventions https://tera-log.pages.dev/posts/css-scope-alternative-naming-conventions CSS @scope의 도넛 스코핑과 근접성 우선순위를 파헤치고, BEM·CSS Modules·CSS-in-JS와 정면 비교한다. Mon, 02 Feb 2026 00:00:00 GMT CSS https://tera-log.pages.dev/posts/blog-setup https://tera-log.pages.dev/posts/blog-setup 왜 직접 블로그를 만들었는지, 기술 스택 선정 이유와 프로젝트 초기 구성까지. Next.js 15 + Tailwind CSS v4 + MDX 기반 블로그의 시작. Sun, 01 Feb 2026 00:00:00 GMT Next Blog https://tera-log.pages.dev/posts/cname-ordering-cloudflare-outage https://tera-log.pages.dev/posts/cname-ordering-cloudflare-outage 1987년 RFC 문서의 모호한 한 문장이 2025년 Cloudflare 1.1.1.1 장애로 이어진 과정과 그 기술적 원인을 파헤친다. Sun, 01 Feb 2026 00:00:00 GMT DevOps