AI/MCP
-
안녕하세요! 갓대희입니다.오늘은 최근 개발자들도 Design요소, 간단한 퍼블리싱은 퍼블리셔가 없어도 개발해야하는 방향이 되어가고 있는 상황에 이와 관련된 MCP도 알아보면 좋을 것 같아서 그 두번째로 Figma MCP라는것에 대해 아주 간단하게 살펴보려고 한다. 2025년 6월 Figma MCP 서버를 베타 출시했었다. 스믈스믈 Figma MCP라는 내용을 접하던 중 2025년 9월 원격 서버 정식 지원 하게 되었다고 한다. 구글 트렌드에서 갑자기 figma mcp가 부상하는것을 보고 한번 간단하게 체험해보기 위해 글을 작성해 보려고 한다. Figma란?Figma는 클라우드 기반의 협업 디자인 도구다. 2016년 출시 이후 UI/UX 디자인 업계의 표준으로 자리잡았는데, 개발자들의 입장에서도 특히 F..
개발자를 위한 MCP 추천(7) - Figma MCP 설치 방법안녕하세요! 갓대희입니다.오늘은 최근 개발자들도 Design요소, 간단한 퍼블리싱은 퍼블리셔가 없어도 개발해야하는 방향이 되어가고 있는 상황에 이와 관련된 MCP도 알아보면 좋을 것 같아서 그 두번째로 Figma MCP라는것에 대해 아주 간단하게 살펴보려고 한다. 2025년 6월 Figma MCP 서버를 베타 출시했었다. 스믈스믈 Figma MCP라는 내용을 접하던 중 2025년 9월 원격 서버 정식 지원 하게 되었다고 한다. 구글 트렌드에서 갑자기 figma mcp가 부상하는것을 보고 한번 간단하게 체험해보기 위해 글을 작성해 보려고 한다. Figma란?Figma는 클라우드 기반의 협업 디자인 도구다. 2016년 출시 이후 UI/UX 디자인 업계의 표준으로 자리잡았는데, 개발자들의 입장에서도 특히 F..
2025.10.21 -
안녕하세요! 갓대희입니다.오늘은 최근 개발자들도 Design요소, 간단한 퍼블리싱은 퍼블리셔가 없어도 개발해야하는 방향이 되어가고 있는 상황에 이와 관련된 MCP도 알아보면 좋을 것 같아서 그 첫번째로 Magic MCP라는것에 대해 아주 간단하게 살펴보려고 한다. 언제 Magic MCP를 써야 할까?프론트엔드 개발하다 보면 비슷비슷한 컴포넌트를 계속 만들게 된다.버튼 하나 만들어도 기본 스타일, 호버 효과, 반응형, 접근성까지 신경 써야 하고, 간단한 카드 컴포넌트도 만들다 보면 생각보다 시간이 오래 걸린다.Magic MCP는 이런 반복 작업을 자동화해준다. AI한테 "이런 버튼 만들어줘"라고 하면 실제로 쓸 수 있는 코드를 바로 생성해기 떄문에, 프로토타입 만들 때나 UI 빠르게 구성해야 할 때 특히..
개발자를 위한 MCP 추천(6) - Magic MCP 설치 및 사용방법안녕하세요! 갓대희입니다.오늘은 최근 개발자들도 Design요소, 간단한 퍼블리싱은 퍼블리셔가 없어도 개발해야하는 방향이 되어가고 있는 상황에 이와 관련된 MCP도 알아보면 좋을 것 같아서 그 첫번째로 Magic MCP라는것에 대해 아주 간단하게 살펴보려고 한다. 언제 Magic MCP를 써야 할까?프론트엔드 개발하다 보면 비슷비슷한 컴포넌트를 계속 만들게 된다.버튼 하나 만들어도 기본 스타일, 호버 효과, 반응형, 접근성까지 신경 써야 하고, 간단한 카드 컴포넌트도 만들다 보면 생각보다 시간이 오래 걸린다.Magic MCP는 이런 반복 작업을 자동화해준다. AI한테 "이런 버튼 만들어줘"라고 하면 실제로 쓸 수 있는 코드를 바로 생성해기 떄문에, 프로토타입 만들 때나 UI 빠르게 구성해야 할 때 특히..
2025.10.15 -
안녕하세요! 갓대희 입니다. :- )오늘은 개발자를 위한 MCP 시리즈의 새로운 글로 "Shrimp Task Manager"에 대해 써보려고 한다. 개발을 하다 보면 복잡한 태스크를 체계적으로 관리하는 게 얼마나 중요한지 느낄 때가 많다. 특히 AI와 함께 작업할 때는 더욱 그렇다. 이럴때 도움이 될 수 있는 Shrimp Task Manager MCP에 대해 작성하려고 한다. Shrimp Task Manager란?Shrimp Task Manager MCP (이하 Shrimp MCP)는 Model Context Protocol (MCP) 기반으로 만들어진 AI 에이전트 전용 작업 관리 도구이다. AI 에이전트가 체계적인 워크플로우를 따라 작업을 수행하도록 돕는 지능형 작업 관리 시스템이다. AI 코딩 에..
개발자를 위한 MCP 추천(5) - Shrimp Task Manager MCP 설치 및 사용방법(claude code 사용 예시)안녕하세요! 갓대희 입니다. :- )오늘은 개발자를 위한 MCP 시리즈의 새로운 글로 "Shrimp Task Manager"에 대해 써보려고 한다. 개발을 하다 보면 복잡한 태스크를 체계적으로 관리하는 게 얼마나 중요한지 느낄 때가 많다. 특히 AI와 함께 작업할 때는 더욱 그렇다. 이럴때 도움이 될 수 있는 Shrimp Task Manager MCP에 대해 작성하려고 한다. Shrimp Task Manager란?Shrimp Task Manager MCP (이하 Shrimp MCP)는 Model Context Protocol (MCP) 기반으로 만들어진 AI 에이전트 전용 작업 관리 도구이다. AI 에이전트가 체계적인 워크플로우를 따라 작업을 수행하도록 돕는 지능형 작업 관리 시스템이다. AI 코딩 에..
2025.08.20 -
안녕하세요! 갓대희 입니다. :- )오늘은 개발자를 위한 MCP 시리즈의 새로운 글로 "TaskMaster AI"에 대해 써보려고 한다. 프로젝트 시작할 때마다 "이거 어떤 순서로 만들지?" 고민하는 단계에서 도움이 될 도구중의 하나이다.TaskMaster AI는 초창기 설계 단계에서부터 겪는 개발 워크플로우의 고통을 AI가 대신 해결해주는 MCP 기반 업무 관리 시스템이다. TaskMaster AI란? 현대 개발에서는 AI 주도 개발(AI-driven development : 인공지능을 파트너로 삼아 코드 작성을 보조받고, 작업 계획을 수립하는 방식)이 새로운 패러다임으로 떠오르고 있다. 왜냐하면 TaskMaster는 하기 여러 AI코딩의 초창기 이슈를 해소 가능하도록 설꼐되어있다.기존 AI 코딩의 문..
개발자를 위한 MCP 추천(4) - TaskMaster AI MCP 설치 및 사용방법(claude code 사용 예시)안녕하세요! 갓대희 입니다. :- )오늘은 개발자를 위한 MCP 시리즈의 새로운 글로 "TaskMaster AI"에 대해 써보려고 한다. 프로젝트 시작할 때마다 "이거 어떤 순서로 만들지?" 고민하는 단계에서 도움이 될 도구중의 하나이다.TaskMaster AI는 초창기 설계 단계에서부터 겪는 개발 워크플로우의 고통을 AI가 대신 해결해주는 MCP 기반 업무 관리 시스템이다. TaskMaster AI란? 현대 개발에서는 AI 주도 개발(AI-driven development : 인공지능을 파트너로 삼아 코드 작성을 보조받고, 작업 계획을 수립하는 방식)이 새로운 패러다임으로 떠오르고 있다. 왜냐하면 TaskMaster는 하기 여러 AI코딩의 초창기 이슈를 해소 가능하도록 설꼐되어있다.기존 AI 코딩의 문..
2025.08.18 -
안녕하세요! 갓대희 입니다. :- )오늘은 이전 개발자를 위한 MCP 들을 소개하는글에 이어 계속 이어 나가려 한다.3번째 글인 "Playwirght MCP"에 대해 쓰려고 한다. AI가 브라우저를 직접 조작하는 시대Playwright MCP는 LLM이 자연어 명령으로 실제 브라우저를 제어할 수 있게 해주는 도구이다.스크린샷 대신 접근성 트리를 사용하여 빠르고 정확한 웹 자동화를 구현한다.웹 개발을 하다 보면 반복적인 테스트 작업에 지쳐본 경험이 다들 있을 것이다. "이 작업을 AI가 대신 해줄 수 없을까?"라는 생각을 해본 적이 있다면, Playwright MCP가 바로 그 답이 될 수 있다. Playwright MCP는 AI가 실제 브라우저를 직접 조작할 수 있게 해주는 도구이다. 개발자가 자연어..
개발자를 위한 MCP 추천(3) - Playwright MCP 설치 및 사용방법(claude desktop, claude code, gemini cli)안녕하세요! 갓대희 입니다. :- )오늘은 이전 개발자를 위한 MCP 들을 소개하는글에 이어 계속 이어 나가려 한다.3번째 글인 "Playwirght MCP"에 대해 쓰려고 한다. AI가 브라우저를 직접 조작하는 시대Playwright MCP는 LLM이 자연어 명령으로 실제 브라우저를 제어할 수 있게 해주는 도구이다.스크린샷 대신 접근성 트리를 사용하여 빠르고 정확한 웹 자동화를 구현한다.웹 개발을 하다 보면 반복적인 테스트 작업에 지쳐본 경험이 다들 있을 것이다. "이 작업을 AI가 대신 해줄 수 없을까?"라는 생각을 해본 적이 있다면, Playwright MCP가 바로 그 답이 될 수 있다. Playwright MCP는 AI가 실제 브라우저를 직접 조작할 수 있게 해주는 도구이다. 개발자가 자연어..
2025.08.17 -
안녕하세요! 갓대희 입니다. :- )오늘은 이전 개발자를 위한 MCP 들을 소개하는 첫번째 글(Seqeuntial Thinking)에 이어2번째 글인 "Context7 MCP"에 대해 쓰려고 한다. Context7 MCP : AI가 최신 문서로 코드를 생성하게 해준다.초창기 GPT에게 개발 코드를 물어볼때 AI가 deprecated API, 예전 버전의 내용으로 코드를 생성해서 삽질한 경험, 누구나 있을 것이다.Context7 MCP는 실시간으로 최신 공식 문서를 AI에게 주입해서 이 문제를 해결한다. Upstash에서 개발한 이 오픈소스 도구로 개발 생산성을 향상시켜보자. Context7 이란?Context7 MCP는 무엇일까요? Upstash에서 개발한 오픈소스 MCP 서버로, 최신 라이브러리..
개발자를 위한 MCP 추천(2) - Context7 MCP 설치 및 사용방법(with claude code, gemini cli)안녕하세요! 갓대희 입니다. :- )오늘은 이전 개발자를 위한 MCP 들을 소개하는 첫번째 글(Seqeuntial Thinking)에 이어2번째 글인 "Context7 MCP"에 대해 쓰려고 한다. Context7 MCP : AI가 최신 문서로 코드를 생성하게 해준다.초창기 GPT에게 개발 코드를 물어볼때 AI가 deprecated API, 예전 버전의 내용으로 코드를 생성해서 삽질한 경험, 누구나 있을 것이다.Context7 MCP는 실시간으로 최신 공식 문서를 AI에게 주입해서 이 문제를 해결한다. Upstash에서 개발한 이 오픈소스 도구로 개발 생산성을 향상시켜보자. Context7 이란?Context7 MCP는 무엇일까요? Upstash에서 개발한 오픈소스 MCP 서버로, 최신 라이브러리..
2025.08.16