AI 개발 도구 · MoAI-ADK 사용 가이드 MoAI-ADK 워크플로우 명령어 익히기: 프로젝트 분석부터 코드 구현까지 AI 코딩 도구를 사용하다 보면 원하는 기능을 설명하고 코드를 만들어 달라고 요청하는 일이 많습니다. 하지만 기존 프로젝트에 새로운 기능을 추가할 때는 코드를 작성하는 것만큼 먼저 구조를 파악하고, 요구사항을 정리하고, 구현 결과를 확인하는 과정도 중요합니다. MoAI-ADK의 워크플로우 명령어를 익혀 두면 이러한 작업을 단계별로 진행할 수 있습니다. 작성 기준일: 2026년 10월 28일 · 공식 문서 기준 먼저 알아둘 네 가지 명령어 처음부터 모든 명령어를 외울 필요는 없습니다. 우선 프로젝트를 이해하고, 계획을 세우고, 코드를 구현한 다음, 결과를 정리하는 흐름부터 익혀 보세요. 01. project 기존 프로젝트 분석 02. plan 요구사항과 작업 계획 정리 03. run 계획에 따른 코드 구현 04. sync 결과 검증과 문서 정리 공식 문서: MoAI-ADK 워크플로우 명령어 1. 학교 프로젝트에 비유하면 이해하기 쉽습니다 친구들과 함께 숙제 관리 웹사이트를 만든다고 생각해 보겠습니다. 학생들이 숙제를 등록하고, 완료한 항목을 표시하고, 남은 숙제를 확인할 수 있는 프로그램입니다. AI에게 "숙제 관리 웹사이트를 만들어 줘"라고 요청하면 곧바로 코드를 작성할 수도 있습니다. 하지만 필요한 기능이 빠지거나, 기존 프로그램의 구조와 맞지 않는 코드가 만들어질 수 있습니다. 나중에 이런 문제를 발견하면 코드를 다시 수정해야 하므로 작업이 더 복잡해집니다. MoAI-ADK의 워크플로우는 작업을 몇 단계로 나누어 진행합니다. 먼저 현재 프로그램을 살펴보고, 무엇을 만들지 정리한 뒤, 계획에 따라 구현하고 결과를 확인하는 방식입니다. ...
Aside 브라우저를 Claude Code에 MCP로 연결하기: Windows 설치 및 설정 가이드 웹 개발을 하다 보면 코드를 작성하는 것만으로는 부족할 때가 있습니다. 실제 브라우저에서 페이지를 열어 보고, 화면이 제대로 표시되는지 확인하고, 웹 애플리케이션의 동작까지 살펴봐야 하죠. Claude Code에서 이런 브라우저 작업을 활용하고 싶다면 Aside와 MCP를 연결하는 방법을 살펴볼 만합니다. 설정 과정은 복잡하지 않습니다. 다만 Aside에서 CLI를 설치하는 것과 Claude Code에 MCP 서버를 등록하는 것은 별개의 작업이므로 순서대로 진행해야 합니다. 이 글에서 다루는 내용 Aside 브라우저와 CLI 설치 Claude Code용 Skill 설정 Aside MCP 서버 활성화 Windows 경로를 사용한 MCP 설정 연결 상태 확인 및 문제 해결 작성 기준일: 2026년 10월 28일 대상 환경: Windows 11, Aside 브라우저, Claude Code CLI 참고: 아래 절차는 제공된 설정 내용을 바탕으로 정리했습니다. 실제 PC에서 설치하거나 연결 테스트를 진행한 결과는 아닙니다. 1. 먼저 준비할 것 시작하기 전에 Aside 브라우저와 Claude Code를 준비합니다. Claude Code는 터미널에서 claude 명령을 실행할 수 있는 상태여야 합니다. Aside 브라우저: 설치 후 실행할 수 있어야 합니다. Aside CLI: 브라우저의 Developers 화면에서 설치합니다. Claude Code CLI: 터미널에서 실행할 수 있도록 설치와 초기 설정을 마칩니다. 2. Aside 브라우저 설치 먼저 Aside 공식 홈페이지 에서 브라우저를 설치한 뒤 실행합니다. 이후 CLI 설치와 MCP 설정은 Aside 앱 안에서 진행합니다. 브라우저를 설치했다고 해서 Claude Code와 자동으로 연결되는 것은 아니므로 다음 단계를 이어서 진행해야 합니...