우선 게임 한 판 하고 시작할까요?
https://devpeterlim.github.io/flappyduck/
🚨 이 글은 사례글 작성 custom GPT를 활용하여 작성하였습니다.
소개
MCP 툴인 Task Master AI를 이전부터 알고 있었는데,
todo.md 를 커서에게 작성해달라고 하는 것과 크게 다르지 않은것 같아서,
사용을 해보지 않았습니다.
그런데 MCP에 대해 스터디 멤버 분들과 같이 학습 해보면 좋을것 같다는 생각이 들어서
이번에 처음으로 사용해보았습니다.
Task Master를 사용해보면서 뭔가 재밌는것을 만들어보고 싶어서,
처음 만들어 보는 미니 게임을 도전해봤습니다.
제가 게임은 전혀 하지 않아서 뭘 만들지 떠오르지 않다가
잠깐(2시간 정도?) 폭풍 집중해봤던 게임인
Flappy Bird라는 게임을 따라서 만들어 봤습니다 🎮
진행 방법
이번 실습은 아래와 같은 도구와 구조를 활용했어요:
🔧 사용 도구
Task Master AI:
태스크를 관리하는 MCP 툴인데 이번에는 PRD 생성과 태스크 생성 모두 태스크 마스터를 활용하였습니다Cursor: 코드 작업 및 요청 자동화 환경은 커서만 활용했습니다.
Claude API Key: Taskmaster MCP 활용을 위해 Claude API가 필요했습니다.
📋 작업 워크플로우
Task Master MCP 설치
Task Master 활용하여 PRD 생성 및 Task 생성
Cursor Agent를 활용하여 개발
💸 비용 정보
Cursor 요청 약 100회 → $4.4 (월 $22 500회 기준)
Claude API 사용 → $0.3
총 비용 약 6,500원 발생했습니다... 😅
진행 방법
1.Task Master MCP 설치하기
아래 Task Master github의 내용을 따라서 MCP를 설치하였습니다.
https://github.com/eyaltoledano/claude-task-master
setting -> cursor settings 에서 MCP 로 이동합니다.
Add new global MCP server를 선택하고 아래와 같이 task master MCP 서버를 추가해줬습니다.
그리고 제가 가린 부분에 본인의 Claude API 키를 입력해주셔야 합니다.
2. Task Master 시작하기
커서의 세팅에서 task mater 설치 가 잘되었는지, 활성화가 잘되었는지 확인합니다.
그리고 cursor agent에게
내 프로젝트에 taskmaster-ai를 초기화해주세요.라고 하여 taskmaster를 초기화 합니다.
그러면 Task master ai가 아래와 같은 작업들을 진행할 겁니다.
* 필요한 프로젝트 구조 생성
* 초기 구성 파일 설정
* 나머지 프로세스 안내3. Task Master 활용하여 PRD와 task 생성하기
task master에게 Prd 작성 도움을 요청하세요.
그러면 task master가 PRD를 작성하여 📁scripts에 prd를 만들어줄겁니다.
PRD 예시 파일을 활용하여 PRD를 작성하는것을 도와주세요. 그리고 나서 이제 기존의 워크 플로우와 같이 순차적으로 개발을 진행해보세요 👍
task 순서에 따라 순차적으로 작업을 진행해주세요.결과와 배운 점
결과물은 위에 공개한 게임과 같습니다.
아직 개선해야 할 것이 많지만(이미지 사이즈 조정, 첫 스타트시 먹통 문제 등),
얼른 스터디 멤버들과 공유하고 싶어서 개선 사항 반영 전에 선 공유드립니다 🤩
Task Master AI를 사용해봤는데, todo.md 파일을 활용하는 것보다 오류가 적은지는 잘 모르겠어요.
그치만 단순한 PRD 작성부터 세부 작업 분해까지 워크플로우가 한결 간단해졌습니다.
그리고 무엇보다... 내일(목요일), 이 경험을 다른 분들과 함께 나누며 같이 MCP를 실습해보려 합니다! 😊
내일 함께 MCP가 뭔지 간단히 알아보고 같이 실습해봐요! ✨