공부 기록장

5일 만에 17개 테이블을 가진 풀스택 앱을 완성했다고 하면 믿을 사람이 얼마나 될까? 백엔드를 한 번도 제대로 다뤄본 적 없는 프론트엔드 개발자가 Supabase로 완전한 CRUD 시스템을 구축하고, Redux Toolkit으로 상태 관리를 구현하며, 요양보호사를 위한 업무 관리 앱을 배포까지 마쳤다.이것이 가능했던 이유는 단순히 AI 도구를 사용했기 때문이 아니다. 오히려 AI를 어떻게 활용하느냐가 모든 차이를 만들었다. 이번 글에서는 Claude Code, V0.dev, Cursor, Supabase MCP 등 다양한 AI 도구를 조합해 진행한 '바이브 코딩' 경험을 공유하려 한다. 프로젝트 개요 및 기술 선택프로젝트의 목적은 명확했다. 요양보호사를 위한 업무 관리 애플리케이션(케어노트)을 AI 도..

2025년 5월 7일, Figma Config 2025 컨퍼런스에서 클릭 한 번으로 웹 퍼블리싱이 가능한 "Figma Sites"가 공개되었습니다. AI 시대에 발맞춘 이 혁신적인 기능은 많은 개발자와 디자이너들의 관심을 끌었지만, 아쉽게도 유료 사용자만 베타 기능에 접근할 수 있었습니다.이 소식을 접한 후, 저는 대안을 찾아보았고 최근 주목받고 있는 MCP(Model Context Protocol)라는 기술이 눈에 들어왔습니다. 이 프로토콜을 활용하면 AI가 Figma 디자인 파일을 직접 분석해 코드로 변환할 수 있다고 합니다. 과연 이 기술이 실제로 얼마나 효과적일지 궁금했고, 특히 웹과 모바일 환경에서 각각 어떤 결과가 나올지 비교해보고 싶었습니다. Figma MCPMCP(Model Context ..

MCP (Model Context Protocol)최근 AI 업계의 가장 주목받는 트렌드 중 하나는 MCP(Model Context Protocol)입니다. Anthropic에서 2024년 11월에 발표한 이 개방형 모델 연결 표준은 AI의 활용 방식을 크게 변화시키고 있습니다.인공지능 모델은 단순한 텍스트 생성 챗봇에서 벗어나 실제 시스템과 상호작용하고 작업을 수행하는 에이전트 형태로 진화하고 있습니다. 이러한 에이전트는 정보 제공을 넘어 콘텐츠 저장소, 비즈니스 도구, 개발 환경 등 다양한 데이터 시스템과 연결될 수 있습니다.MCP는 인공지능 모델이 더 정확하고 관련성 높은 응답을 생성할 수 있도록 외부 환경과의 상호작용을 지원합니다. 기존에는 AI가 새로운 서비스를 활용하려면 서비스마다 전용 API..