Archives

Vercel의 json-render가 무엇인지, 왜 생성형 UI에서 JSON 기반 제약과 카탈로그 방식이 중요한지, React와 React Native에서 어떻게 활용할 수 있는지 정리했습니다.

Claude Code의 Auto Mode는 권한 승인 피로를 줄이면서도 이중 계층 방어 체계로 안전성을 유지하는 새로운 권한 모드입니다. 동작 원리, 사용법, 주의사항을 정리합니다.

Figma의 use_figma MCP 도구로 AI 에이전트가 캔버스에서 직접 디자인하는 방법을 알아봅니다. 설치부터 활용까지 완벽 가이드.

Google이 공개한 AI 네이티브 디자인 플랫폼 Stitch를 소개합니다. 자연어와 음성으로 UI를 디자인하는 '바이브 디자인' 개념과 주요 기능을 살펴봅니다.

Chrome DevTools MCP 서버를 활용하여 AI 코딩 에이전트가 활성 브라우저 세션에 직접 연결하고 디버깅하는 방법을 소개합니다.

Spec-Driven Development(SDD)와 TDD를 결합하여 AI 코딩 에이전트를 효과적으로 활용하는 방법론을 소개합니다. 명세가 곧 코드가 되는 AI 시대의 개발 패러다임 전환을 알아봅니다.

2026.03.16 ~ 03.22 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트

Claude Code Channels는 Telegram, Discord 등 외부 서비스의 이벤트를 실행 중인 세션에 푸시하는 MCP 기반 기능입니다. 설정 방법과 보안 모델, 활용 사례를 정리합니다.

OpenPencil이 무엇인지, 왜 Figma의 오픈소스 대안으로 주목할 만한지, .fig 파일 네이티브 지원과 AI 설계, MCP 통합까지 핵심 기능과 활용법을 정리했습니다.

obra/superpowers가 무엇인지, 왜 단순 프롬프트 모음이 아니라 코딩 에이전트용 개발 방법론에 가까운지, 핵심 스킬과 Claude Code 활용법을 정리했습니다.

defuddle이 무엇인지, 왜 Readability 대안으로 주목할 만한지, 지저분한 웹페이지를 깔끔한 Markdown으로 정제 추출하는 방식과 활용법을 정리했습니다.

OpenGenerativeUI가 무엇인지, 왜 주목할 만한지, CopilotKit과 LangGraph로 어떻게 Claude식 인터랙티브 시각화를 구현하는지 정리했습니다.

2026.03.09 ~ 03.15 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트

Claude Code Skills 2.0의 핵심 개념, SKILL.md 구조, 플러그인 마켓플레이스, Skill Creator, Agent Skills 오픈 표준까지 실전 예제와 함께 단계별로 안내합니다.

Claude Code 2.1.72에 추가된 /btw 커맨드 완벽 가이드. 메인 작업 컨텍스트를 오염시키지 않고 빠른 사이드 질문을 할 수 있는 ephemeral 질의 채널로, 토큰 비용까지 절감할 수 있습니다.

Perplexity Computer는 19개 AI 모델을 자동 조합하는 매니지드 에이전트, OpenClaw는 무료 오픈소스 DIY 에이전트. 두 접근의 차이와 각각의 장단점을 비교합니다.

Claude의 Show me 기능으로 대화 중 인터랙티브 차트, 다이어그램, 시각화를 바로 생성할 수 있습니다. 사용법, 활용 사례, 기존 Artifacts와의 차이를 정리합니다.

2026년 3월 6일 공개된 TypeScript 6.0 RC의 핵심 변화와 TypeScript 7 전환 전에 준비할 마이그레이션 포인트를 정리합니다.

2026.03.02 ~ 03.08 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트

Claude Code의 Memory 시스템을 활용하여 세션 간 컨텍스트를 유지하는 방법을 알아봅니다. CLAUDE.md, 자동 메모리, 모듈식 규칙까지 계층별 설정과 실전 활용법을 다룹니다.

Claude Code Remote Control로 로컬 개발 세션을 폰, 태블릿, 다른 브라우저에서 이어서 작업하는 방법을 알아봅니다.

Vercel Skills가 Anthropic 주도의 업계 오픈 표준으로 격상되었습니다. 68,000개 이상의 스킬 — 2026년 1월 출시 이후 급변한 생태계를 정리합니다.

2026년 2월 공개된 Google Gemini 3.1 Pro의 핵심 특징, 벤치마크 결과, 가격, 경쟁 모델 비교, API 사용법까지 개발자 관점에서 정리합니다.

2026년 2월 출시된 Claude Sonnet 4.6의 핵심 특징, 벤치마크 결과, 가격, 경쟁 모델 비교, API 사용법까지 실전 관점에서 정리합니다.

Mac에서 Ollama를 설치하고 LG AI Research의 EXAONE 3.5:7.8B 모델을 로컬에서 실행하는 방법을 단계별로 안내합니다.

React 19.2에서 stable로 전환된 useEffectEvent Hook을 소개합니다. stale closure 문제 해결부터 실전 예제, useEffect와의 비교, 주의사항까지 단계별로 안내합니다.

Claude Code의 Agent Teams 기능을 활용하여 여러 AI 에이전트가 팀으로 협업하는 방법을 소개합니다. 핵심 개념, 설정 방법, 7가지 API, 실전 예제, 모범 사례까지 단계별로 안내합니다.

Giscus 댓글 시스템의 완성도를 높이기 위한 GitHub Discussions 자동 생성 시스템을 구현합니다. 빌드 시 자동으로 Discussion을 생성하여 404 에러를 방지하고 사용자 경험을 개선합니다.

Astro 기반 정적 블로그에 Giscus를 통한 댓글 시스템을 구현하고, 빌드 시 자동으로 GitHub Discussion을 생성하는 방법을 상세히 다룹니다.

Astro를 선택한 이유부터 시작하여, AstroPaper 테마 적용, Netlify 배포까지 단계별로 블로그를 구축하는 방법을 상세히 안내합니다.

기존 블로그를 Astro 기반으로 완전히 개편하면서 얻은 경험과 인사이트를 공유합니다. 성능 최적화, 개발 경험 개선, 그리고 현대적인 웹 개발 스택으로의 전환 과정을 다룹니다.