공부 기록장

https://youtu.be/Yf_1w00qIKc?si=GoLXRvkjtb1DO1a1 개발자들은 각자 선호하는 환경에서 코드를 작성한다. VSCode부터 JetBrains 제품군, Android Studio, Xcode, 그리고 최근의 Cursor, Windsurf까지 무수히 많은 IDE가 존재한다. AI 시대에 접어들면서 이들 IDE는 저마다의 AI 기능을 탑재했지만, 여전히 태생적인 한계점들이 존재한다.IDE별로 다른 AI 통합 방식, 제한적인 커스터마이징 옵션, 그리고 무엇보다 특정 환경에 종속되는 문제다.Anthropic은 이런 문제를 해결하기 위해 터미널만 존재한다면 어떤 환경에서도 구동할 수 있는 Claude Code를 내놓았다. Claude Code는 GitHub, GitLab 및 명령줄..

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 ..

최근 AI 트렌드와 코딩의 변화인공지능 기술의 급격한 발전은 소프트웨어 개발 방식에 혁명적인 변화를 가져오고 있습니다. 특히 대규모 언어 모델(LLM)의 등장으로 코드 작성 방식이 근본적으로 달라지고 있습니다. ChatGPT, Claude, Cursor와 같은 AI 도구들이 코드 제안, 버그 수정, 심지어 전체 프로젝트 생성까지 가능해지면서 개발자의 역할과 작업 방식이 재정의되고 있습니다.바이브 코딩이란?바이브 코딩은 (Vibe Coding)은 AI를 활용해 개발자가 코드의 세부 사항을 깊이 파고들지 않고도 소프트웨어를 만드는 새로운 코딩 방식을 의미합니다. 즉, 코드를 직접 작성하는 것이 아니라 생성형 AI를 통해 자연어로 코딩을 하는 방식입니다. '바이브(Vibe)'라는 단어가 의미하는 것처럼, 개발..