Archives
All the articles I've archived.
-
Cursor for iOS: 폰에서 코딩하는 게 아니라 에이전트를 운영하는 방식
Cursor for iOS 공개를 계기로 모바일에서 cloud agents와 로컬 에이전트를 지휘·검토하는 개발 워크플로우 변화를 정리합니다.
-
로컬 코딩 모델은 어디까지 왔나: Qwen3.6 27B와 llama.cpp, OpenCode 조합
Qwen3.6 27B, llama.cpp, OpenCode 조합이 로컬 코딩 모델을 실험용 도구에서 실전 보조 엔진으로 끌어올리는 흐름을 정리합니다.
-
A11Y 주간 다이제스트: 2026.06.22 ~ 06.28
2026.06.22 ~ 06.28 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
A11Y 주간 다이제스트: 2026.06.15 ~ 06.21
2026.06.15 ~ 06.21 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
OpenAI Codex Record & Replay: 한 번 보여준 업무를 재사용 가능한 스킬로 만들기
OpenAI Codex의 Record & Replay, Developer mode, 원격 연결 흐름을 중심으로 최근 Codex가 반복 업무 자동화 도구로 확장되는 방향을 정리합니다.
-
Claude Code Artifacts: 코딩 세션을 팀 공유용 라이브 페이지로 만들기
Claude Code Artifacts는 코딩 세션의 진행 상황, PR 설명, 조사 결과, 대시보드를 팀원이 볼 수 있는 비공개 인터랙티브 페이지로 공유하는 기능입니다.
-
Claude Code /goal: 조건이 만족될 때까지 계속 일하게 만드는 방법
Claude Code /goal은 테스트 통과, 마이그레이션 완료, 이슈 큐 비우기처럼 검증 가능한 종료 조건이 만족될 때까지 세션을 계속 이어가는 기능입니다.
-
Claude Code fallbackModel: 모델 장애와 과부하에 견디는 세션 만들기
fallbackModel과 --fallback-model은 기본 모델이 overloaded 또는 unavailable일 때 예비 모델을 순서대로 시도해 긴 Claude Code 작업의 중단을 줄이는 운영 기능입니다.
-
Claude Code nested subagents: 서브에이전트가 다시 서브에이전트를 부르는 구조
Claude Code v2.1.172부터 subagent가 다시 subagent를 spawn할 수 있습니다. nested tree, depth cap, Agent View와의 관계를 정리합니다.
-
Claude Code /cd: 세션을 끊지 않고 다른 프로젝트로 이동하기
Claude Code /cd는 현재 세션을 다른 working directory로 옮기면서 prompt cache를 다시 만들지 않고 새 프로젝트의 CLAUDE.md를 메시지로 덧붙입니다.
-
Claude Code Auto Mode의 다음 단계: 편의성과 위험한 파일 보호 사이
Claude Code Auto Mode는 Bedrock, Vertex, Foundry로 확장됐고, acceptEdits에서도 실행 가능한 설정 파일은 자동 승인하지 않도록 안전장치가 강화됐습니다.
-
Claude Code --safe-mode: 망가진 설정을 깨끗한 상태에서 디버깅하기
Claude Code --safe-mode는 CLAUDE.md, skills, plugins, hooks, MCP 서버를 모두 끄고 깨끗한 세션으로 문제 원인을 분리하는 기능입니다.
-
Claude Code security-guidance plugin: AI가 만든 코드를 같은 세션에서 보안 리뷰하기
security-guidance plugin은 Claude Code의 코드 변경을 빠른 패턴 체크, 턴 종료 리뷰, commit/push 전 agentic review로 점검하는 보안 보조 도구입니다.
-
Claude Code Dynamic Workflows: 수백 개 서브에이전트로 큰 작업을 쪼개는 방식
Claude Code Dynamic Workflows는 큰 작업을 동적으로 계획하고 수십~수백 개 서브에이전트로 병렬 실행·검증하는 기능입니다. Agent Teams, Ultra Plan, Routines와의 차이를 정리합니다.
-
Claude Code /loop: 세션 안에서 반복 작업을 맡기는 가장 가벼운 방법
Claude Code의 /loop는 현재 CLI 세션 안에서 프롬프트를 반복 실행하는 빠른 폴링 도구입니다. /goal, Routines, Channels와의 차이와 실전 사용 패턴을 정리합니다.
-
HTTPS DNS 레코드로 첫 연결부터 HTTP/3를 쓰게 만들기
Alt-Svc 헤더만으로 HTTP/3 지원을 알리면 첫 연결은 늦습니다. HTTPS DNS 레코드로 브라우저가 연결 전부터 h3를 선택하게 만드는 흐름을 정리합니다.
-
AI 코딩 에이전트의 토큰 비용을 줄이는 로컬 LLM 라우터
token-router는 큰 로그와 레거시 파일을 통째로 클라우드 모델에 보내지 않고, 로컬 LLM이 관련 라인만 찾아 원문 조각으로 넘기는 하이브리드 컨텍스트 라우터입니다.
-
A11Y 주간 다이제스트: 2026.06.08 ~ 06.14
2026.06.08 ~ 06.14 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
AI 모델도 수출통제 대상이 됐다: Fable 5·Mythos 5 차단이 남긴 것
미국 정부의 수출통제 지시로 Claude Fable 5와 Mythos 5가 전면 중단된 사건을 살펴보고, AI 모델 접근권과 공급망 리스크에 개발팀이 어떻게 대비해야 하는지 정리합니다.
-
Claude Fable 5: 며칠 동안 일하는 AI 에이전트가 바꾸는 개발 방식
Claude Fable 5와 Mythos 5의 장기 비동기 작업 능력, 안전장치, 가격을 살펴보고 며칠 동안 일하는 AI 에이전트가 개발팀의 업무 방식을 어떻게 바꾸는지 정리합니다.
-
A11Y 주간 다이제스트: 2026.06.01 ~ 06.07
2026.06.01 ~ 06.07 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
OpenAI Codex Sites: 에이전트 결과물을 바로 내부 웹앱으로 배포하는 흐름
OpenAI가 발표한 Codex Sites 기능을 정리합니다. Codex가 만든 웹사이트와 내부 웹앱을 OpenAI 호스팅 URL로 저장, 배포, 공유하는 흐름의 의미를 살펴봅니다.
-
Claude Opus 4.8 출시: 더 똑똑한 모델보다 협업 능력이 중요한 이유
Claude Opus 4.8의 정직성 개선, Dynamic workflows, Effort control, Messages API 변경과 가격을 개발자 관점에서 정리합니다.
-
Hermes Agent 시작하기: 맥에 설치하고 ChatGPT OAuth로 GPT 모델 연결하기
Nous Research의 오픈소스 AI 에이전트 Hermes Agent를 맥에 설치하고, ChatGPT OAuth로 Codex 모델을 연결하는 방법을 정리합니다. OpenClaw와의 차이도 함께 짚습니다.
-
A11Y 주간 다이제스트: 2026.05.25 ~ 05.31
2026.05.25 ~ 05.31 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
A11Y 주간 다이제스트: 2026.05.18 ~ 05.24
2026.05.18 ~ 05.24 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
agentmemory: 코딩 에이전트를 위한 영속 메모리 엔진
agentmemory가 코딩 에이전트의 세션 기억을 어떻게 저장·검색·주입하는지 살펴보고, Karpathy의 LLM-Wiki와의 차이를 정리합니다.
-
AI 검색 시대의 블로그 SEO 점검: 블로그에 바로 적용한 것들
Google의 생성형 AI 검색 최적화 가이드를 기준으로 블로그에 적용한 SEO, 구조화 데이터, 접근성 개선을 정리합니다.
-
A11Y 주간 다이제스트: 2026.05.11 ~ 05.17
2026.05.11 ~ 05.17 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
OpenAI Codex 모바일 앱 통합: 폰에서 코딩하는 게 아니라 에이전트를 운영하는 흐름
OpenAI가 Codex를 ChatGPT 모바일 앱에 통합한 의미와 원격 에이전틱 코딩 워크플로우의 변화를 정리합니다.
-
Google Code Wiki: 코드를 읽는 대신 살아있는 문서로 탐색하기
Google Code Wiki가 무엇인지, 코드베이스 문서 자동 생성·갱신·챗봇·다이어그램 흐름과 Gemini CLI 확장 계획까지 정리합니다.
-
Claude Code Agent View: 여러 에이전트 세션을 한 화면에서 관리하기
Updated:Claude Code Agent View의 개념, 실행 방법, 백그라운드 세션 관리, Peek·Attach 흐름, 주의할 점을 정리합니다.
-
Open Design: Claude Design의 로컬 퍼스트 오픈소스 대체제
Open Design이 Claude Design과 무엇이 다른지, 로컬 CLI·Skills·디자인 시스템 기반 워크플로우 관점에서 정리합니다.
-
Claude Code에서 Markdown 대신 HTML을 써야 할 때
Claude Code 결과물을 Markdown이 아닌 HTML로 만들면 좋은 상황과 한계, 실전 프롬프트 패턴을 정리합니다.
-
A11Y 주간 다이제스트: 2026.05.04 ~ 05.10
2026.05.04 ~ 05.10 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
A11Y 주간 다이제스트: 2026.04.27 ~ 05.03
2026.04.27 ~ 05.03 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
Claude Code 모바일 푸시 알림: 긴 작업 끝나면 폰으로 받기
Claude Code Remote Control의 모바일 푸시 알림 설정 방법과 동작 방식, 알림이 오지 않을 때 확인할 항목을 정리합니다.
-
A11Y 주간 다이제스트: 2026.04.20 ~ 04.26
2026.04.20 ~ 04.26 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
Claude Managed Agents Memory 살펴보기: 세션 밖까지 이어지는 에이전트 메모리
Claude Managed Agents의 memory store가 무엇인지, 어떻게 세션에 붙이고 어떤 보안 주의점이 있는지 공식 문서를 바탕으로 정리합니다.
-
Claude Code 품질 저하 포스트모템: Anthropic이 인정한 세 가지 회귀
Anthropic이 공개한 Claude Code 품질 저하 포스트모템을 바탕으로, 실제로 무슨 회귀가 있었고 왜 발생했는지, 그리고 앞으로 무엇이 바뀌는지 정리합니다.
-
A11Y 주간 다이제스트: 2026.04.13 ~ 04.19
2026.04.13 ~ 04.19 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
From Code to System: 2026년 AI 엔지니어링의 5계층
Updated:프롬프트, 컨텍스트, 하네스, 오케스트레이션, 평가(Evals)—2026년 AI 엔지니어링을 이루는 5계층과 '시스템으로서의 AI' 관점을 정리합니다.
-
Claude Design 살펴보기: 프롬프트에서 프로토타입, 슬라이드, 핸드오프까지
Claude Design이 무엇인지, 어떤 작업을 잘하는지, 기존 디자인 툴과 무엇이 다른지, 그리고 Claude Code와의 핸드오프 흐름까지 정리합니다.
-
Karpathy의 LLM-Wiki: LLM이 직접 쓰고 관리하는 개인 지식 위키
Karpathy가 제안한, LLM이 마크다운 위키를 직접 쓰고 유지하는 개인 지식 베이스 패턴을 소개합니다. raw/wiki/schema 3계층과 Ingest·Query·Lint 사이클을 정리했습니다.
-
Claude Code Routines 살펴보기: 로컬 CLI를 떠나 클라우드에서 반복 작업을 자동화하는 방식
Anthropic이 공개한 Claude Code Routines가 단순한 스케줄러가 아니라 왜 클라우드 기반 에이전트 자동화로 봐야 하는지, 어떤 워크플로우에 적합한지 정리했습니다.
-
A11Y 주간 다이제스트: 2026.04.06 ~ 04.12
2026.04.06 ~ 04.12 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
Claude Code Ultra Plan 살펴보기: 로컬 CLI를 넘어 클라우드에서 계획을 세우는 방식
Claude Code Ultraplan(Ultra Plan)의 공식 동작—CLI 시작, 웹 plan mode 초안, 브라우저 검토, 웹·터미널 실행 분기—과 요건·제한을 정리하고, planning handoff 관점에서 읽었습니다.
-
A11Y 주간 다이제스트: 2026.03.30 ~ 04.05
2026.03.30 ~ 04.05 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
Vercel의 json-render 살펴보기: 생성형 UI를 더 안전하게 만드는 방식
Vercel의 json-render가 무엇인지, 왜 생성형 UI에서 JSON 기반 제약과 카탈로그 방식이 중요한지, React와 React Native에서 어떻게 활용할 수 있는지 정리했습니다.
-
Claude Code Auto Mode: AI 에이전트의 안전한 자율 실행을 위한 새로운 권한 모드
Claude Code의 Auto Mode는 권한 승인 피로를 줄이면서도 이중 계층 방어 체계로 안전성을 유지하는 새로운 권한 모드입니다. 동작 원리, 사용법, 주의사항을 정리합니다.
-
Figma AI Agent Design: use_figma MCP로 AI가 직접 디자인하는 시대
Figma의 use_figma MCP 도구로 AI 에이전트가 캔버스에서 직접 디자인하는 방법을 알아봅니다. 설치부터 활용까지 완벽 가이드.
-
Google Stitch: AI 네이티브 '바이브 디자인' 플랫폼이 바꿀 UI 디자인의 미래
Google이 공개한 AI 네이티브 디자인 플랫폼 Stitch를 소개합니다. 자연어와 음성으로 UI를 디자인하는 '바이브 디자인' 개념과 주요 기능을 살펴봅니다.
-
Chrome DevTools MCP: AI 에이전트로 브라우저 세션 디버깅하기
Chrome DevTools MCP 서버를 활용하여 AI 코딩 에이전트가 활성 브라우저 세션에 직접 연결하고 디버깅하는 방법을 소개합니다.
-
AI 시대의 개발 방법론: SDD와 TDD의 결합으로 AI 코딩 에이전트 활용하기
Spec-Driven Development(SDD)와 TDD를 결합하여 AI 코딩 에이전트를 효과적으로 활용하는 방법론을 소개합니다. 명세가 곧 코드가 되는 AI 시대의 개발 패러다임 전환을 알아봅니다.
-
A11Y 주간 다이제스트: 2026.03.16 ~ 03.22
2026.03.16 ~ 03.22 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
Claude Code Channels 살펴보기: Telegram·Discord로 세션에 이벤트 푸시하기
Claude Code Channels는 Telegram, Discord 등 외부 서비스의 이벤트를 실행 중인 세션에 푸시하는 MCP 기반 기능입니다. 설정 방법과 보안 모델, 활용 사례를 정리합니다.
-
OpenPencil 살펴보기: Figma 파일을 그대로 열 수 있는 AI 네이티브 오픈소스 설계 에디터
OpenPencil이 무엇인지, 왜 Figma의 오픈소스 대안으로 주목할 만한지, .fig 파일 네이티브 지원과 AI 설계, MCP 통합까지 핵심 기능과 활용법을 정리했습니다.
-
Superpowers 살펴보기: 코딩 에이전트를 진짜 개발 프로세스로 묶는 스킬 프레임워크
obra/superpowers가 무엇인지, 왜 단순 프롬프트 모음이 아니라 코딩 에이전트용 개발 방법론에 가까운지, 핵심 스킬과 Claude Code 활용법을 정리했습니다.
-
defuddle 살펴보기: 어떤 웹페이지든 깔끔한 Markdown으로 추출하는 오픈소스
defuddle의 설치·CLI 사용법과 함께, Readability 대안으로서의 특징과 웹 본문을 Markdown으로 정제하는 흐름을 정리했습니다.
-
OpenGenerativeUI 살펴보기: Claude식 인터랙티브 시각화를 직접 구현하는 오픈소스
OpenGenerativeUI 개요, CopilotKit·Deep Agent 구조, 로컬 설치·실행(make), 사용법, MCP 연동까지 한 번에 정리했습니다.
-
A11Y 주간 다이제스트: 2026.03.09 ~ 03.15
2026.03.09 ~ 03.15 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
Claude Code Skills 실전 가이드: 나만의 스킬을 만들고 공유하는 법
Claude Code Skills 2.0의 핵심 개념, SKILL.md 구조, 플러그인 마켓플레이스, Skill Creator, Agent Skills 오픈 표준까지 실전 예제와 함께 단계별로 안내합니다.
-
Claude Code /btw 가이드: 작업 흐름을 방해하지 않는 사이드 질문
Claude Code 2.1.72에 추가된 /btw 커맨드 완벽 가이드. 메인 작업 컨텍스트를 오염시키지 않고 빠른 사이드 질문을 할 수 있는 ephemeral 질의 채널로, 토큰 비용까지 절감할 수 있습니다.
-
Perplexity Computer vs OpenClaw: 19개 모델 오케스트레이션 vs 오픈소스 DIY 에이전트
Perplexity Computer는 19개 AI 모델을 자동 조합하는 매니지드 에이전트, OpenClaw는 무료 오픈소스 DIY 에이전트. 두 접근의 차이와 각각의 장단점을 비교합니다.
-
Claude Show me 살펴보기: 텍스트를 넘어 시각적으로 설명하는 AI
Claude의 Show me 기능으로 대화 중 인터랙티브 차트, 다이어그램, 시각화를 바로 생성할 수 있습니다. 사용법, 활용 사례, 기존 Artifacts와의 차이를 정리합니다.
-
TypeScript 6.0 RC 핵심 정리: TS 7 전환 전에 꼭 봐야 할 변화들
2026년 3월 6일 공개된 TypeScript 6.0 RC의 핵심 변화와 TypeScript 7 전환 전에 준비할 마이그레이션 포인트를 정리합니다.
-
A11Y 주간 다이제스트: 2026.03.02 ~ 03.08
2026.03.02 ~ 03.08 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트
-
Claude Code Memory 완벽 가이드: 세션을 넘어 이어지는 AI 컨텍스트
Claude Code의 Memory 시스템을 활용하여 세션 간 컨텍스트를 유지하는 방법을 알아봅니다. CLAUDE.md, 자동 메모리, 모듈식 규칙까지 계층별 설정과 실전 활용법을 다룹니다.
-
Claude Code Remote Control: 어디서든 로컬 개발 세션 이어가기
Claude Code Remote Control로 로컬 개발 세션을 폰, 태블릿, 다른 브라우저에서 이어서 작업하는 방법을 알아봅니다.
-
npx skills: Vercel 실험에서 AI 에이전트 오픈 표준이 되기까지
Vercel Skills가 Anthropic 주도의 업계 오픈 표준으로 격상되었습니다. 68,000개 이상의 스킬 — 2026년 1월 출시 이후 급변한 생태계를 정리합니다.
-
Gemini 3.1 Pro 심층 분석: ARC-AGI-2 77.1%, 추론의 새 기준
2026년 2월 공개된 Google Gemini 3.1 Pro의 핵심 특징, 벤치마크 결과, 가격, 경쟁 모델 비교, API 사용법까지 개발자 관점에서 정리합니다.
-
Claude Sonnet 4.6 심층 분석: Opus급 성능을 1/5 가격에
2026년 2월 출시된 Claude Sonnet 4.6의 핵심 특징, 벤치마크 결과, 가격, 경쟁 모델 비교, API 사용법까지 실전 관점에서 정리합니다.
-
Mac에서 Ollama + EXAONE 3.5 설치 및 사용 가이드: 로컬에서 한국어 LLM 돌리기
Mac에서 Ollama를 설치하고 LG AI Research의 EXAONE 3.5:7.8B 모델을 로컬에서 실행하는 방법을 단계별로 안내합니다.
-
React useEffectEvent 완벽 가이드: Effect 안의 비반응형 로직을 우아하게 다루기
React 19.2에서 stable로 전환된 useEffectEvent Hook을 소개합니다. stale closure 문제 해결부터 실전 예제, useEffect와의 비교, 주의사항까지 단계별로 안내합니다.
-
Claude Code Agent Teams 완벽 가이드: 에이전트 협업으로 생산성 극대화하기
Claude Code의 Agent Teams 기능을 활용하여 여러 AI 에이전트가 팀으로 협업하는 방법을 소개합니다. 핵심 개념, 설정 방법, 7가지 API, 실전 예제, 모범 사례까지 단계별로 안내합니다.
-
GitHub Discussions 자동 생성 시스템으로 Giscus 댓글 완성하기
Giscus 댓글 시스템의 완성도를 높이기 위한 GitHub Discussions 자동 생성 시스템을 구현합니다. 빌드 시 자동으로 Discussion을 생성하여 404 에러를 방지하고 사용자 경험을 개선합니다.
-
Astro 블로그에 Giscus 댓글 시스템 구현하기
Astro 기반 정적 블로그에 Giscus를 통한 댓글 시스템을 구현하고, 빌드 시 자동으로 GitHub Discussion을 생성하는 방법을 상세히 다룹니다.
-
Astro 기반으로 블로그를 생성하는 방법
Astro를 선택한 이유부터 시작하여, AstroPaper 테마 적용, Netlify 배포까지 단계별로 블로그를 구축하는 방법을 상세히 안내합니다.
-
Astro 기반으로 블로그 개편
기존 블로그를 Astro 기반으로 완전히 개편하면서 얻은 경험과 인사이트를 공유합니다. 성능 최적화, 개발 경험 개선, 그리고 현대적인 웹 개발 스택으로의 전환 과정을 다룹니다.