프론트엔드 개발, UI/UX, 그리고 사이드 프로젝트에 대한 인사이트를 공유합니다.https://blog.fe4all.dev/kohttps://blog.fe4all.dev/apple-touch-icon.pnghttps://blog.fe4all.dev/apple-touch-icon.pngd3006ahttps://blog.fe4all.dev/apple-touch-icon.pnghttps://blog.fe4all.dev/https://blog.fe4all.dev/posts/cloudflare-precursor-session-bot-detection/https://blog.fe4all.dev/posts/cloudflare-precursor-session-bot-detection/Cloudflare Precursor가 세션 전체의 행동 신호를 어떻게 봇 탐지에 쓰는지, 그리고 에이전트 브라우징 시대에 왜 중요한지 정리합니다.Wed, 15 Jul 2026 04:12:08 GMThttps://blog.fe4all.dev/posts/git-worktree-agent-era/https://blog.fe4all.dev/posts/git-worktree-agent-era/GitHub Blog의 worktree 글을 바탕으로, worktree가 왜 다시 주목받는지와 브랜치·stash보다 병렬 작업에 잘 맞는 이유를 정리합니다.Tue, 14 Jul 2026 23:50:41 GMThttps://blog.fe4all.dev/posts/openai-workflow-convergence-gpt-56-codex/https://blog.fe4all.dev/posts/openai-workflow-convergence-gpt-56-codex/GPT-5.6, ChatGPT Work, Codex 데스크톱 합류를 묶어 OpenAI가 대화형 AI보다 작업형 AI로 제품을 수렴시키는 흐름을 정리합니다.Mon, 13 Jul 2026 02:08:08 GMThttps://blog.fe4all.dev/posts/gpt-5-6-frontier-intelligence/https://blog.fe4all.dev/posts/gpt-5-6-frontier-intelligence/OpenAI GPT-5.6 발표를 바탕으로 Sol, Terra, Luna 라인업과 ultra 설정, 코딩·업무·보안 관점의 핵심 변화를 정리합니다.Fri, 10 Jul 2026 09:35:29 GMThttps://blog.fe4all.dev/posts/grok-4-5/https://blog.fe4all.dev/posts/grok-4-5/Grok 4.5의 가격, reasoning effort, 툴 지원, 벤치마크 포지셔닝을 바탕으로 xAI가 개발자용 에이전트 시장에서 노리는 지점을 정리합니다.Thu, 09 Jul 2026 00:10:24 GMThttps://blog.fe4all.dev/posts/claude-fable-5-free-window-extension/https://blog.fe4all.dev/posts/claude-fable-5-free-window-extension/Claude Fable 5의 유료 플랜 포함 제공 기간이 7월 12일까지 연장됐습니다. 남은 기간을 기능 체험이 아니라 비용·권한·대체 모델 설계에 쓰는 방법을 정리합니다.Wed, 08 Jul 2026 04:43:44 GMThttps://blog.fe4all.dev/posts/harness-design-long-running-apps/https://blog.fe4all.dev/posts/harness-design-long-running-apps/Anthropic이 공개한 장시간 앱 개발용 하네스 설계 사례. GAN에서 빌려온 generator-evaluator 루프, 3-에이전트 아키텍처, 모델이 좋아지면 하네스를 덜어내는 원칙을 정리합니다.Wed, 08 Jul 2026 00:38:08 GMThttps://blog.fe4all.dev/posts/favicon-cli-generator/https://blog.fe4all.dev/posts/favicon-cli-generator/파비콘은 작은 이미지 하나가 아니라 브라우저와 OS가 기대하는 배포 자산 세트입니다. make-favicon.zsh로 이 반복 작업을 CLI에 넣어봅니다.Tue, 07 Jul 2026 11:23:28 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-07-05/https://blog.fe4all.dev/posts/a11y-weekly-2026-07-05/2026.06.29 ~ 07.05 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 05 Jul 2026 13:30:17 GMThttps://blog.fe4all.dev/posts/fable-5-redeployment/https://blog.fe4all.dev/posts/fable-5-redeployment/수출통제로 중단됐던 Claude Fable 5와 Mythos 5가 재배포된 과정을 정리하고, 안전장치·탈옥 심각도 기준·정부 협력이 개발팀에 주는 의미를 살펴봅니다.Thu, 02 Jul 2026 03:18:25 GMThttps://blog.fe4all.dev/posts/claude-sonnet-5-introductory-pricing/https://blog.fe4all.dev/posts/claude-sonnet-5-introductory-pricing/Claude Sonnet 5의 2026년 8월 31일까지 introductory pricing과 이후 정가, tokenizer와 effort까지 포함한 비용 검증 포인트를 정리합니다.Thu, 02 Jul 2026 03:10:23 GMThttps://blog.fe4all.dev/posts/openusage-ai-usage-tracker/https://blog.fe4all.dev/posts/openusage-ai-usage-tracker/macOS 메뉴바에서 Claude·Codex·Cursor 사용량 한도를 한눈에 보는 OpenUsage를 소개하고, CodexBar·OpenCode Bar·caut·Claude Usage Tracker와 비교합니다.Thu, 02 Jul 2026 01:55:22 GMThttps://blog.fe4all.dev/posts/atlassian-design-md/https://blog.fe4all.dev/posts/atlassian-design-md/Atlassian의 DESIGN.md 실험을 통해 AI 코딩 에이전트에게 디자인 토큰과 디자인 의도를 전달하는 방법, MCP·스킬과의 차이를 정리합니다.Wed, 01 Jul 2026 04:25:23 GMThttps://blog.fe4all.dev/posts/claude-sonnet-5/https://blog.fe4all.dev/posts/claude-sonnet-5/Claude Sonnet 5의 agentic 성능, effort 조절, 가격, 안전성 평가를 Claude Code와 개발자 워크플로 관점에서 정리합니다.Wed, 01 Jul 2026 02:07:56 GMThttps://blog.fe4all.dev/posts/cursor-ios-agents/https://blog.fe4all.dev/posts/cursor-ios-agents/Cursor for iOS 공개를 계기로 모바일에서 cloud agents와 로컬 에이전트를 지휘·검토하는 개발 워크플로우 변화를 정리합니다.Tue, 30 Jun 2026 05:05:47 GMThttps://blog.fe4all.dev/posts/qwen36-local-coding/https://blog.fe4all.dev/posts/qwen36-local-coding/Qwen3.6 27B, llama.cpp, OpenCode 조합이 로컬 코딩 모델을 실험용 도구에서 실전 보조 엔진으로 끌어올리는 흐름을 정리합니다.Mon, 29 Jun 2026 23:35:44 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-06-28/https://blog.fe4all.dev/posts/a11y-weekly-2026-06-28/2026.06.22 ~ 06.28 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 28 Jun 2026 13:32:26 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-06-21/https://blog.fe4all.dev/posts/a11y-weekly-2026-06-21/2026.06.15 ~ 06.21 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 21 Jun 2026 13:30:28 GMThttps://blog.fe4all.dev/posts/openai-codex-record-replay/https://blog.fe4all.dev/posts/openai-codex-record-replay/OpenAI Codex의 Record & Replay, Developer mode, 원격 연결 흐름을 중심으로 최근 Codex가 반복 업무 자동화 도구로 확장되는 방향을 정리합니다.Sat, 20 Jun 2026 06:45:00 GMThttps://blog.fe4all.dev/posts/claude-code-live-artifacts/https://blog.fe4all.dev/posts/claude-code-live-artifacts/Claude Code Artifacts는 코딩 세션의 진행 상황, PR 설명, 조사 결과, 대시보드를 팀원이 볼 수 있는 비공개 인터랙티브 페이지로 공유하는 기능입니다.Fri, 19 Jun 2026 02:43:00 GMThttps://blog.fe4all.dev/posts/claude-code-goal/https://blog.fe4all.dev/posts/claude-code-goal/Claude Code /goal은 테스트 통과, 마이그레이션 완료, 이슈 큐 비우기처럼 검증 가능한 종료 조건이 만족될 때까지 세션을 계속 이어가는 기능입니다.Wed, 17 Jun 2026 01:17:47 GMThttps://blog.fe4all.dev/posts/claude-code-fallback-model/https://blog.fe4all.dev/posts/claude-code-fallback-model/fallbackModel과 --fallback-model은 기본 모델이 overloaded 또는 unavailable일 때 예비 모델을 순서대로 시도해 긴 Claude Code 작업의 중단을 줄이는 운영 기능입니다.Wed, 17 Jun 2026 01:02:53 GMThttps://blog.fe4all.dev/posts/claude-code-nested-subagents/https://blog.fe4all.dev/posts/claude-code-nested-subagents/Claude Code v2.1.172부터 subagent가 다시 subagent를 spawn할 수 있습니다. nested tree, depth cap, Agent View와의 관계를 정리합니다.Wed, 17 Jun 2026 01:02:53 GMThttps://blog.fe4all.dev/posts/claude-code-cd/https://blog.fe4all.dev/posts/claude-code-cd/Claude Code /cd는 현재 세션을 다른 working directory로 옮기면서 prompt cache를 다시 만들지 않고 새 프로젝트의 CLAUDE.md를 메시지로 덧붙입니다.Wed, 17 Jun 2026 01:02:53 GMThttps://blog.fe4all.dev/posts/claude-code-auto-mode-safety-update/https://blog.fe4all.dev/posts/claude-code-auto-mode-safety-update/Claude Code Auto Mode는 Bedrock, Vertex, Foundry로 확장됐고, acceptEdits에서도 실행 가능한 설정 파일은 자동 승인하지 않도록 안전장치가 강화됐습니다.Wed, 17 Jun 2026 01:02:53 GMThttps://blog.fe4all.dev/posts/claude-code-safe-mode/https://blog.fe4all.dev/posts/claude-code-safe-mode/Claude Code --safe-mode는 CLAUDE.md, skills, plugins, hooks, MCP 서버를 모두 끄고 깨끗한 세션으로 문제 원인을 분리하는 기능입니다.Wed, 17 Jun 2026 01:02:53 GMThttps://blog.fe4all.dev/posts/claude-code-security-guidance/https://blog.fe4all.dev/posts/claude-code-security-guidance/security-guidance plugin은 Claude Code의 코드 변경을 빠른 패턴 체크, 턴 종료 리뷰, commit/push 전 agentic review로 점검하는 보안 보조 도구입니다.Wed, 17 Jun 2026 01:02:53 GMThttps://blog.fe4all.dev/posts/claude-code-dynamic-workflows/https://blog.fe4all.dev/posts/claude-code-dynamic-workflows/Claude Code Dynamic Workflows는 큰 작업을 동적으로 계획하고 수십~수백 개 서브에이전트로 병렬 실행·검증하는 기능입니다. Agent Teams, Ultra Plan, Routines와의 차이를 정리합니다.Wed, 17 Jun 2026 00:55:01 GMThttps://blog.fe4all.dev/posts/claude-code-loop/https://blog.fe4all.dev/posts/claude-code-loop/Claude Code의 /loop는 현재 CLI 세션 안에서 프롬프트를 반복 실행하는 빠른 폴링 도구입니다. /goal, Routines, Channels와의 차이와 실전 사용 패턴을 정리합니다.Wed, 17 Jun 2026 00:15:34 GMThttps://blog.fe4all.dev/posts/https-dns-record-http3/https://blog.fe4all.dev/posts/https-dns-record-http3/Alt-Svc 헤더만으로 HTTP/3 지원을 알리면 첫 연결은 늦습니다. HTTPS DNS 레코드로 브라우저가 연결 전부터 h3를 선택하게 만드는 흐름을 정리합니다.Tue, 16 Jun 2026 23:41:21 GMThttps://blog.fe4all.dev/posts/token-router-local-llm/https://blog.fe4all.dev/posts/token-router-local-llm/token-router는 큰 로그와 레거시 파일을 통째로 클라우드 모델에 보내지 않고, 로컬 LLM이 관련 라인만 찾아 원문 조각으로 넘기는 하이브리드 컨텍스트 라우터입니다.Tue, 16 Jun 2026 23:41:21 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-06-14/https://blog.fe4all.dev/posts/a11y-weekly-2026-06-14/2026.06.08 ~ 06.14 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 14 Jun 2026 13:30:20 GMThttps://blog.fe4all.dev/posts/anthropic-fable-mythos-export-control/https://blog.fe4all.dev/posts/anthropic-fable-mythos-export-control/미국 정부의 수출통제 지시로 Claude Fable 5와 Mythos 5가 전면 중단된 사건을 살펴보고, AI 모델 접근권과 공급망 리스크에 개발팀이 어떻게 대비해야 하는지 정리합니다.Sat, 13 Jun 2026 14:02:00 GMThttps://blog.fe4all.dev/posts/claude-fable-5-long-running-agents/https://blog.fe4all.dev/posts/claude-fable-5-long-running-agents/Claude Fable 5와 Mythos 5의 장기 비동기 작업 능력, 안전장치, 가격을 살펴보고 며칠 동안 일하는 AI 에이전트가 개발팀의 업무 방식을 어떻게 바꾸는지 정리합니다.Wed, 10 Jun 2026 09:31:00 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-06-07/https://blog.fe4all.dev/posts/a11y-weekly-2026-06-07/2026.06.01 ~ 06.07 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 07 Jun 2026 13:30:23 GMThttps://blog.fe4all.dev/posts/openai-codex-sites/https://blog.fe4all.dev/posts/openai-codex-sites/OpenAI가 발표한 Codex Sites 기능을 정리합니다. Codex가 만든 웹사이트와 내부 웹앱을 OpenAI 호스팅 URL로 저장, 배포, 공유하는 흐름의 의미를 살펴봅니다.Wed, 03 Jun 2026 04:18:00 GMThttps://blog.fe4all.dev/posts/claude-opus-4-8/https://blog.fe4all.dev/posts/claude-opus-4-8/Claude Opus 4.8의 정직성 개선, Dynamic workflows, Effort control, Messages API 변경과 가격을 개발자 관점에서 정리합니다.Tue, 02 Jun 2026 14:21:46 GMThttps://blog.fe4all.dev/posts/hermes-agent-mac-openai-oauth/https://blog.fe4all.dev/posts/hermes-agent-mac-openai-oauth/Nous Research의 오픈소스 AI 에이전트 Hermes Agent를 맥에 설치하고, ChatGPT OAuth로 Codex 모델을 연결하는 방법을 정리합니다. OpenClaw와의 차이도 함께 짚습니다.Sun, 31 May 2026 14:49:36 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-05-31/https://blog.fe4all.dev/posts/a11y-weekly-2026-05-31/2026.05.25 ~ 05.31 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 31 May 2026 00:03:09 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-05-24/https://blog.fe4all.dev/posts/a11y-weekly-2026-05-24/2026.05.18 ~ 05.24 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 24 May 2026 00:01:47 GMThttps://blog.fe4all.dev/posts/agentmemory-persistent-memory/https://blog.fe4all.dev/posts/agentmemory-persistent-memory/agentmemory가 코딩 에이전트의 세션 기억을 어떻게 저장·검색·주입하는지 살펴보고, Karpathy의 LLM-Wiki와의 차이를 정리합니다.Mon, 18 May 2026 00:29:17 GMThttps://blog.fe4all.dev/posts/ai-search-blog-seo-update/https://blog.fe4all.dev/posts/ai-search-blog-seo-update/Google의 생성형 AI 검색 최적화 가이드를 기준으로 블로그에 적용한 SEO, 구조화 데이터, 접근성 개선을 정리합니다.Mon, 18 May 2026 00:14:25 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-05-17/https://blog.fe4all.dev/posts/a11y-weekly-2026-05-17/2026.05.11 ~ 05.17 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 17 May 2026 00:01:27 GMThttps://blog.fe4all.dev/posts/openai-codex-mobile-app/https://blog.fe4all.dev/posts/openai-codex-mobile-app/OpenAI가 Codex를 ChatGPT 모바일 앱에 통합한 의미와 원격 에이전틱 코딩 워크플로우의 변화를 정리합니다.Fri, 15 May 2026 03:40:24 GMThttps://blog.fe4all.dev/posts/claude-code-agent-view/https://blog.fe4all.dev/posts/claude-code-agent-view/Claude Code Agent View의 개념, 실행 방법, 백그라운드 세션 관리, Peek·Attach 흐름, 주의할 점을 정리합니다.Wed, 13 May 2026 01:01:41 GMThttps://blog.fe4all.dev/posts/google-code-wiki/https://blog.fe4all.dev/posts/google-code-wiki/Google Code Wiki가 무엇인지, 코드베이스 문서 자동 생성·갱신·챗봇·다이어그램 흐름과 Gemini CLI 확장 계획까지 정리합니다.Tue, 12 May 2026 02:16:58 GMThttps://blog.fe4all.dev/posts/open-design/https://blog.fe4all.dev/posts/open-design/Open Design이 Claude Design과 무엇이 다른지, 로컬 CLI·Skills·디자인 시스템 기반 워크플로우 관점에서 정리합니다.Tue, 12 May 2026 00:10:15 GMThttps://blog.fe4all.dev/posts/claude-code-html-artifacts/https://blog.fe4all.dev/posts/claude-code-html-artifacts/Claude Code 결과물을 Markdown이 아닌 HTML로 만들면 좋은 상황과 한계, 실전 프롬프트 패턴을 정리합니다.Sun, 10 May 2026 11:04:20 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-05-10/https://blog.fe4all.dev/posts/a11y-weekly-2026-05-10/2026.05.04 ~ 05.10 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 10 May 2026 00:00:53 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-05-03/https://blog.fe4all.dev/posts/a11y-weekly-2026-05-03/2026.04.27 ~ 05.03 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 03 May 2026 00:02:52 GMThttps://blog.fe4all.dev/posts/claude-code-mobile-push-notifications/https://blog.fe4all.dev/posts/claude-code-mobile-push-notifications/Claude Code Remote Control의 모바일 푸시 알림 설정 방법과 동작 방식, 알림이 오지 않을 때 확인할 항목을 정리합니다.Wed, 29 Apr 2026 01:11:24 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-04-26/https://blog.fe4all.dev/posts/a11y-weekly-2026-04-26/2026.04.20 ~ 04.26 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 26 Apr 2026 00:00:00 GMThttps://blog.fe4all.dev/posts/managed-agents-memory/https://blog.fe4all.dev/posts/managed-agents-memory/Claude Managed Agents의 memory store가 무엇인지, 어떻게 세션에 붙이고 어떤 보안 주의점이 있는지 공식 문서를 바탕으로 정리합니다.Sat, 25 Apr 2026 00:11:18 GMThttps://blog.fe4all.dev/posts/claude-code-quality-postmortem/https://blog.fe4all.dev/posts/claude-code-quality-postmortem/Anthropic이 공개한 Claude Code 품질 저하 포스트모템을 바탕으로, 실제로 무슨 회귀가 있었고 왜 발생했는지, 그리고 앞으로 무엇이 바뀌는지 정리합니다.Fri, 24 Apr 2026 05:04:42 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-04-19/https://blog.fe4all.dev/posts/a11y-weekly-2026-04-19/2026.04.13 ~ 04.19 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 19 Apr 2026 00:00:00 GMThttps://blog.fe4all.dev/posts/ai-engineering-evolution-5-steps/https://blog.fe4all.dev/posts/ai-engineering-evolution-5-steps/프롬프트, 컨텍스트, 하네스, 오케스트레이션, 평가(Evals)—2026년 AI 엔지니어링을 이루는 5계층과 '시스템으로서의 AI' 관점을 정리합니다.Sat, 18 Apr 2026 12:21:25 GMThttps://blog.fe4all.dev/posts/claude-design/https://blog.fe4all.dev/posts/claude-design/Claude Design이 무엇인지, 어떤 작업을 잘하는지, 기존 디자인 툴과 무엇이 다른지, 그리고 Claude Code와의 핸드오프 흐름까지 정리합니다.Sat, 18 Apr 2026 03:07:20 GMThttps://blog.fe4all.dev/posts/karpathy-llm-wiki/https://blog.fe4all.dev/posts/karpathy-llm-wiki/Karpathy가 제안한, LLM이 마크다운 위키를 직접 쓰고 유지하는 개인 지식 베이스 패턴을 소개합니다. raw/wiki/schema 3계층과 Ingest·Query·Lint 사이클을 정리했습니다.Fri, 17 Apr 2026 02:28:52 GMThttps://blog.fe4all.dev/posts/claude-code-routines/https://blog.fe4all.dev/posts/claude-code-routines/Anthropic이 공개한 Claude Code Routines가 단순한 스케줄러가 아니라 왜 클라우드 기반 에이전트 자동화로 봐야 하는지, 어떤 워크플로우에 적합한지 정리했습니다.Fri, 17 Apr 2026 01:05:26 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-04-12/https://blog.fe4all.dev/posts/a11y-weekly-2026-04-12/2026.04.06 ~ 04.12 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 12 Apr 2026 00:00:00 GMThttps://blog.fe4all.dev/posts/claude-code-ultra-plan/https://blog.fe4all.dev/posts/claude-code-ultra-plan/Claude Code Ultraplan(Ultra Plan)의 공식 동작—CLI 시작, 웹 plan mode 초안, 브라우저 검토, 웹·터미널 실행 분기—과 요건·제한을 정리하고, planning handoff 관점에서 읽었습니다.Tue, 07 Apr 2026 23:47:00 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-04-05/https://blog.fe4all.dev/posts/a11y-weekly-2026-04-05/2026.03.30 ~ 04.05 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 05 Apr 2026 00:00:00 GMThttps://blog.fe4all.dev/posts/vercel-json-render-generative-ui/https://blog.fe4all.dev/posts/vercel-json-render-generative-ui/Vercel의 json-render가 무엇인지, 왜 생성형 UI에서 JSON 기반 제약과 카탈로그 방식이 중요한지, React와 React Native에서 어떻게 활용할 수 있는지 정리했습니다.Sun, 29 Mar 2026 20:00:00 GMThttps://blog.fe4all.dev/posts/claude-code-auto-mode/https://blog.fe4all.dev/posts/claude-code-auto-mode/Claude Code의 Auto Mode는 권한 승인 피로를 줄이면서도 이중 계층 방어 체계로 안전성을 유지하는 새로운 권한 모드입니다. 동작 원리, 사용법, 주의사항을 정리합니다.Fri, 27 Mar 2026 06:43:00 GMThttps://blog.fe4all.dev/posts/figma-mcp-ai-agent-design/https://blog.fe4all.dev/posts/figma-mcp-ai-agent-design/Figma의 use_figma MCP 도구로 AI 에이전트가 캔버스에서 직접 디자인하는 방법을 알아봅니다. 설치부터 활용까지 완벽 가이드.Wed, 25 Mar 2026 07:27:00 GMThttps://blog.fe4all.dev/posts/google-stitch-vibe-design/https://blog.fe4all.dev/posts/google-stitch-vibe-design/Google이 공개한 AI 네이티브 디자인 플랫폼 Stitch를 소개합니다. 자연어와 음성으로 UI를 디자인하는 '바이브 디자인' 개념과 주요 기능을 살펴봅니다.Sun, 22 Mar 2026 02:45:00 GMThttps://blog.fe4all.dev/posts/chrome-devtools-mcp/https://blog.fe4all.dev/posts/chrome-devtools-mcp/Chrome DevTools MCP 서버를 활용하여 AI 코딩 에이전트가 활성 브라우저 세션에 직접 연결하고 디버깅하는 방법을 소개합니다.Sun, 22 Mar 2026 02:31:00 GMThttps://blog.fe4all.dev/posts/sdd-tdd-ai-era-development/https://blog.fe4all.dev/posts/sdd-tdd-ai-era-development/Spec-Driven Development(SDD)와 TDD를 결합하여 AI 코딩 에이전트를 효과적으로 활용하는 방법론을 소개합니다. 명세가 곧 코드가 되는 AI 시대의 개발 패러다임 전환을 알아봅니다.Sun, 22 Mar 2026 02:19:00 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-03-22/https://blog.fe4all.dev/posts/a11y-weekly-2026-03-22/2026.03.16 ~ 03.22 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 22 Mar 2026 01:36:00 GMThttps://blog.fe4all.dev/posts/claude-code-channels/https://blog.fe4all.dev/posts/claude-code-channels/Claude Code Channels는 Telegram, Discord 등 외부 서비스의 이벤트를 실행 중인 세션에 푸시하는 MCP 기반 기능입니다. 설정 방법과 보안 모델, 활용 사례를 정리합니다.Fri, 20 Mar 2026 15:23:53 GMThttps://blog.fe4all.dev/posts/open-pencil/https://blog.fe4all.dev/posts/open-pencil/OpenPencil이 무엇인지, 왜 Figma의 오픈소스 대안으로 주목할 만한지, .fig 파일 네이티브 지원과 AI 설계, MCP 통합까지 핵심 기능과 활용법을 정리했습니다.Fri, 20 Mar 2026 14:00:00 GMThttps://blog.fe4all.dev/posts/superpowers-agentic-skills-framework/https://blog.fe4all.dev/posts/superpowers-agentic-skills-framework/obra/superpowers가 무엇인지, 왜 단순 프롬프트 모음이 아니라 코딩 에이전트용 개발 방법론에 가까운지, 핵심 스킬과 Claude Code 활용법을 정리했습니다.Fri, 20 Mar 2026 02:24:00 GMThttps://blog.fe4all.dev/posts/defuddle/https://blog.fe4all.dev/posts/defuddle/defuddle의 설치·CLI 사용법과 함께, Readability 대안으로서의 특징과 웹 본문을 Markdown으로 정제하는 흐름을 정리했습니다.Wed, 18 Mar 2026 09:24:00 GMThttps://blog.fe4all.dev/posts/open-generative-ui/https://blog.fe4all.dev/posts/open-generative-ui/OpenGenerativeUI 개요, CopilotKit·Deep Agent 구조, 로컬 설치·실행(make), 사용법, MCP 연동까지 한 번에 정리했습니다.Wed, 18 Mar 2026 01:23:00 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-03-15/https://blog.fe4all.dev/posts/a11y-weekly-2026-03-15/2026.03.09 ~ 03.15 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 15 Mar 2026 00:00:00 GMThttps://blog.fe4all.dev/posts/claude-skills-2/https://blog.fe4all.dev/posts/claude-skills-2/Claude Code Skills 2.0의 핵심 개념, SKILL.md 구조, 플러그인 마켓플레이스, Skill Creator, Agent Skills 오픈 표준까지 실전 예제와 함께 단계별로 안내합니다.Sat, 14 Mar 2026 22:15:17 GMThttps://blog.fe4all.dev/posts/claude-code-btw/https://blog.fe4all.dev/posts/claude-code-btw/Claude Code 2.1.72에 추가된 /btw 커맨드 완벽 가이드. 메인 작업 컨텍스트를 오염시키지 않고 빠른 사이드 질문을 할 수 있는 ephemeral 질의 채널로, 토큰 비용까지 절감할 수 있습니다.Sat, 14 Mar 2026 15:00:00 GMThttps://blog.fe4all.dev/posts/perplexity-computer/https://blog.fe4all.dev/posts/perplexity-computer/Perplexity Computer는 19개 AI 모델을 자동 조합하는 매니지드 에이전트, OpenClaw는 무료 오픈소스 DIY 에이전트. 두 접근의 차이와 각각의 장단점을 비교합니다.Sat, 14 Mar 2026 15:00:00 GMThttps://blog.fe4all.dev/posts/claude-show-me/https://blog.fe4all.dev/posts/claude-show-me/Claude의 Show me 기능으로 대화 중 인터랙티브 차트, 다이어그램, 시각화를 바로 생성할 수 있습니다. 사용법, 활용 사례, 기존 Artifacts와의 차이를 정리합니다.Sat, 14 Mar 2026 06:55:00 GMThttps://blog.fe4all.dev/posts/typescript-6-0-rc/https://blog.fe4all.dev/posts/typescript-6-0-rc/2026년 3월 6일 공개된 TypeScript 6.0 RC의 핵심 변화와 TypeScript 7 전환 전에 준비할 마이그레이션 포인트를 정리합니다.Fri, 13 Mar 2026 12:25:53 GMThttps://blog.fe4all.dev/posts/a11y-weekly-2026-03-08/https://blog.fe4all.dev/posts/a11y-weekly-2026-03-08/2026.03.02 ~ 03.08 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트Sun, 08 Mar 2026 14:32:55 GMThttps://blog.fe4all.dev/posts/claude-code-memory/https://blog.fe4all.dev/posts/claude-code-memory/Claude Code의 Memory 시스템을 활용하여 세션 간 컨텍스트를 유지하는 방법을 알아봅니다. CLAUDE.md, 자동 메모리, 모듈식 규칙까지 계층별 설정과 실전 활용법을 다룹니다.Wed, 04 Mar 2026 06:59:00 GMThttps://blog.fe4all.dev/posts/claude-code-remote-control/https://blog.fe4all.dev/posts/claude-code-remote-control/Claude Code Remote Control로 로컬 개발 세션을 폰, 태블릿, 다른 브라우저에서 이어서 작업하는 방법을 알아봅니다.Thu, 26 Feb 2026 15:49:55 GMThttps://blog.fe4all.dev/posts/vercel-skills-open-agent-skills/https://blog.fe4all.dev/posts/vercel-skills-open-agent-skills/Vercel Skills가 Anthropic 주도의 업계 오픈 표준으로 격상되었습니다. 68,000개 이상의 스킬 — 2026년 1월 출시 이후 급변한 생태계를 정리합니다.Fri, 20 Feb 2026 09:23:00 GMThttps://blog.fe4all.dev/posts/gemini-3-1-pro/https://blog.fe4all.dev/posts/gemini-3-1-pro/2026년 2월 공개된 Google Gemini 3.1 Pro의 핵심 특징, 벤치마크 결과, 가격, 경쟁 모델 비교, API 사용법까지 개발자 관점에서 정리합니다.Fri, 20 Feb 2026 05:44:39 GMThttps://blog.fe4all.dev/posts/claude-sonnet-4-6/https://blog.fe4all.dev/posts/claude-sonnet-4-6/2026년 2월 출시된 Claude Sonnet 4.6의 핵심 특징, 벤치마크 결과, 가격, 경쟁 모델 비교, API 사용법까지 실전 관점에서 정리합니다.Fri, 20 Feb 2026 05:23:00 GMThttps://blog.fe4all.dev/posts/ollama-exaone-3-5-mac-setup/https://blog.fe4all.dev/posts/ollama-exaone-3-5-mac-setup/Mac에서 Ollama를 설치하고 LG AI Research의 EXAONE 3.5:7.8B 모델을 로컬에서 실행하는 방법을 단계별로 안내합니다.Sat, 14 Feb 2026 04:44:00 GMThttps://blog.fe4all.dev/posts/react-use-effect-event/https://blog.fe4all.dev/posts/react-use-effect-event/React 19.2에서 stable로 전환된 useEffectEvent Hook을 소개합니다. stale closure 문제 해결부터 실전 예제, useEffect와의 비교, 주의사항까지 단계별로 안내합니다.Sat, 14 Feb 2026 03:56:00 GMThttps://blog.fe4all.dev/posts/claude-code-agent-teams-guide/https://blog.fe4all.dev/posts/claude-code-agent-teams-guide/Claude Code의 Agent Teams 기능을 활용하여 여러 AI 에이전트가 팀으로 협업하는 방법을 소개합니다. 핵심 개념, 설정 방법, 7가지 API, 실전 예제, 모범 사례까지 단계별로 안내합니다.Fri, 13 Feb 2026 18:27:19 GMThttps://blog.fe4all.dev/posts/github-discussions-auto-generation-system/https://blog.fe4all.dev/posts/github-discussions-auto-generation-system/Giscus 댓글 시스템의 완성도를 높이기 위한 GitHub Discussions 자동 생성 시스템을 구현합니다. 빌드 시 자동으로 Discussion을 생성하여 404 에러를 방지하고 사용자 경험을 개선합니다.Mon, 18 Aug 2025 12:00:00 GMThttps://blog.fe4all.dev/posts/giscus-comments-system-implementation/https://blog.fe4all.dev/posts/giscus-comments-system-implementation/Astro 기반 정적 블로그에 Giscus를 통한 댓글 시스템을 구현하고, 빌드 시 자동으로 GitHub Discussion을 생성하는 방법을 상세히 다룹니다.Sun, 17 Aug 2025 12:00:00 GMThttps://blog.fe4all.dev/posts/astro-blog-creation-guide/https://blog.fe4all.dev/posts/astro-blog-creation-guide/Astro를 선택한 이유부터 시작하여, AstroPaper 테마 적용, Netlify 배포까지 단계별로 블로그를 구축하는 방법을 상세히 안내합니다.Fri, 15 Aug 2025 12:24:00 GMThttps://blog.fe4all.dev/posts/astro-blog-redesign-insights/https://blog.fe4all.dev/posts/astro-blog-redesign-insights/기존 블로그를 Astro 기반으로 완전히 개편하면서 얻은 경험과 인사이트를 공유합니다. 성능 최적화, 개발 경험 개선, 그리고 현대적인 웹 개발 스택으로의 전환 과정을 다룹니다.Thu, 14 Aug 2025 12:00:00 GMT