Tag: AI

All the articles with the tag "AI".

• Vercel의 json-render 살펴보기: 생성형 UI를 더 안전하게 만드는 방식

  30 Mar, 2026

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

• Claude Code Auto Mode: AI 에이전트의 안전한 자율 실행을 위한 새로운 권한 모드

  27 Mar, 2026

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

• Figma AI Agent Design: use_figma MCP로 AI가 직접 디자인하는 시대

  25 Mar, 2026

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

• Google Stitch: AI 네이티브 '바이브 디자인' 플랫폼이 바꿀 UI 디자인의 미래

  22 Mar, 2026

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

• Chrome DevTools MCP: AI 에이전트로 브라우저 세션 디버깅하기

  22 Mar, 2026

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

• AI 시대의 개발 방법론: SDD와 TDD의 결합으로 AI 코딩 에이전트 활용하기

  22 Mar, 2026

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

• Claude Code Channels 살펴보기: Telegram·Discord로 세션에 이벤트 푸시하기

  21 Mar, 2026

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

• OpenPencil 살펴보기: Figma 파일을 그대로 열 수 있는 AI 네이티브 오픈소스 설계 에디터

  20 Mar, 2026

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