스포츠 토토 BMAD 개발 데모

안녕하세요, 저는 차세대 시스템 연구실의 NM입니다

BMAD 방법: 아이디어에서 코드까지의 여정 자동화

제품 아이디어와 즉시 구축 가능한 코드베이스 사이의 격차로 인해 모놀리식 요구 사항과 복잡한 설정으로 인해 소프트웨어 프로젝트가 지연되는 경우가 많습니다BMAD(더 많이 건설, 건축가의 꿈) 방법전문 AI 스포츠 토토를 활용하여 전체 소프트웨어 개발 수명주기를 자동화함으로써 이 문제를 해결합니다

BMAD 스포츠 토토는 요구 사항을 정의하는 제품 관리자부터 스캐폴드 코드를 생성하는 전체 스택 개발자에 이르기까지 순차적으로 협력합니다 이 접근 방식은 오류가 발생하기 쉬운 수동 작업을 자동화되고 투명한 프로세스로 대체합니다

이 블로그에서는 PRD 사양부터 구현까지 간단한 "Todo 웹 앱" 프로젝트를 따라가며, 각 스포츠 토토가 단일 개념을 완전한 개발이 가능한 완전히 구조화되고 확장 가능한 프로젝트로 전환하는 데 어떻게 기여하는지 보여줍니다

BMAD 개발 흐름

이 다이어그램은 BMAD 개발 프로세스의 주요 구성 요소를 보여줍니다

다이어그램 소스:https://githubcom/bmad-code-org/BMAD-METHOD?tab=readme-ov-file#-see-it-in-action

다이어그램 키에 나열된 역할 중 이 데모에서는 프로젝트 관리자, UX 디자이너, 스크럼 마스터, 마지막으로 개발자를 사용합니다

BMAD: PRD 내에서 요구사항 정의 가속화

이 비디오는 세부 정보를 생성하여 프로젝트를 신속하게 정의하는 제품 관리자(PM) 스포츠 토토의 기능을 보여줍니다제품 요구 사항 문서(PRD)전체 프로세스는 요구 사항 수집 단계에 포함됩니다

순서는 사용자가 다음을 실행하면서 시작됩니다todo create-prd명령(0:05) 의 사용YOLO(You Only Live Once) 모드(0:30)을 통해 사용자는 최소한의 입력으로 프로젝트를 정의할 수 있습니다(할일 웹 앱) 그런 다음 PM 스포츠 토토는 핵심 개념, 대상 사용자, MVP 범위(1:02)를 포함한 기초 콘텐츠를 즉시 생성합니다

데모의 핵심은 스포츠 토토가 PRD 문서 구조를 자세히 설명하는 능력을 보여줍니다 사용자가 기술 스택을 개선한 후(1:29) PM 스포츠 토토는 단일 PRD 파일에 다음을 포함하여 복잡하고 자세한 섹션을 체계적으로 추가합니다

1. 비기능 요구사항(NFR)(2:03), 성능 및 안정성 기준을 다룹니다
2. UX 디자인 목표(2:24), 인터페이스 원칙과 접근성 표준을 정의합니다
3. 구조적 분해에픽과 사용자 스토리(2:48).

PM 스포츠 토토가 생성하고 추가하면 전체 PRD 문서가 완료된 것으로 간주됩니다건축가 보고서PRDmd파일

요구사항을 설계 및 프런트엔드 사양으로 변환

이 비디오는 핵심 기능을 보여줍니다UX 전문 상담원 (ux-expert@agents)—이전에 정의된 PRD를 가져와 완전한 기술적 PRD로 변환하는 프로세스UX/프런트엔드 사양문서

스포츠 토토가 활성화되고 사용자가 다음을 실행합니다todo create-front-end-spec명령(0:09) 중요한 점은 스포츠 토토가 먼저 다음을 포함하여 기존 프로젝트 컨텍스트를 로드한다는 것입니다docs/prdmd파일(0:19), PM 스포츠 토토의 작업 연속성을 보장합니다

UX 전문 스포츠 토토는 다음을 생성합니다docs/front-end-specmd문서는 포괄적인 기술 및 설계 세부사항을 설명합니다 이 출력은 PRD를 실행 가능한 디자인 청사진으로 확장하는 여러 섹션으로 나뉩니다

1. 전체 UX 목표/원칙(0:43) 그리고대상 사용자 페르소나(1:04).
2. 상세 정의구성요소 상태 및 변형(1:53), 토스트, 스피너 및 빈 상태와 같은 UI 요소를 정의합니다
3. 포괄적디자인 토큰 추출(1:41) 섹션, 선택한 기술 스택에 대한 특정 타이포그래피, 아이콘 및 간격 규칙을 정의합니다(React with Tailwind)
4. 다음을 포함한 최종 세부 요소와이어프레임 (2:34) 그리고 완전한타임라인UX 및 아키텍처 단계용

동영상은 구현 단계의 철저한 기술 가이드 역할을 하는 성공적으로 완료된 UX/프런트 엔드 사양(2:39)을 제시하는 스포츠 토토로 마무리됩니다

설계 청사진에서 기술적인 풀 스택 아키텍처까지

이 비디오는 다음의 역할을 보여줍니다건축가 스포츠 토토 (architect@agents), 제품 요구사항 문서(PRD)와 UX/프런트엔드 사양을 종합하여 최종풀스택 아키텍처 문서.

스포츠 토토가 활성화되고(0:05) 이전의 모든 사양을 포함하여 기존 프로젝트 컨텍스트를 즉시 로드합니다(0:11) 사용자는 명령을 실행하여 전체 스택 아키텍처 문서를 생성합니다

데모의 핵심은 두 가지 기본 섹션을 생성하여 스포츠 토토의 복잡한 의사 결정 프로세스를 보여줍니다

1. 아키텍처 개요 및 결정(0:29):스포츠 토토는 Monorepo와 마이크로서비스의 장단점을 포함한 상위 수준 아키텍처와 TypeScript 사용, WebSocket을 통한 실시간 동기화, 데이터베이스 근거와 같은 주요 아키텍처 선택을 정의합니다
2. 기술 스택 비교(1:40 – 2:00):스포츠 토토는 배포 및 데이터베이스 계층에 대한 공급업체 비교(예: Render, Railway, Flyio, Neon)를 자세히 분석합니다 상세한 내용을 제시합니다장단점 요약테이블, 설정, 비용, 성능 및 기능을 비교하여 가장 최적의 스택(Neon + Render)을 추천합니다

스포츠 토토는 상위 수준 아키텍처에 따라 전체 솔루션을 위한 세부 구성요소 정의를 진행합니다

• 데이터 모델(7:36 – 8:15): 관계형 스키마, 키 제약 조건 및 엔터티 관계 정의
• 구성요소 아키텍처(9:45): 애플리케이션을 모듈식 구성요소(앱 셸, 작업 관리, 인증)로 분해합니다

동영상은 스포츠 토토가 포괄적인 전체 스택 아키텍처 문서를 완료하고 구현을 위한 최종 기술 계획을 제공하는 것으로 마무리됩니다

스크럼 마스터는 문서 샤딩을 통해 실행 가능한 스토리를 보장합니다

이 비디오는 다음의 역할을 보여줍니다스크럼 마스터(SM) 스포츠 토토 (sm@agents)는 동영상에서 '기술 스크럼 마스터'로 소개되었으며, 그의 주요 임무는 요구 사항 문서(PRD 및 아키텍처)가 구현을 위해 적절하게 구성되었는지 확인하는 것입니다

SM 스포츠 토토가 시작되고(0:06) 즉시 작업을 실행합니다(옵션 선택3, 스토리-체크리스트또는 옵션5, exit – 스크럼 마스터 모드 나가기) 스포츠 토토는 먼저 기존 PRD 문서를 로드합니다(0:25)

SM 스포츠 토토의 핵심 기능은 다음을 식별할 때 시연됩니다구성 불일치(0:40) 스포츠 토토는 프로젝트가 여러 에픽으로 구성되어 있지만 주요 구성(prdShared)은 모든 서사시 이야기가 부적절하게 단일체임을 나타냅니다 모두 단일에 포함되어 있습니다docs/prdmd파일을 에픽별로 별도의 파일로 분할하는 대신

스포츠 토토는 사용자에게 다양한 해결 옵션을 제공합니다(0:48) 사용자가 원하는 샤딩 옵션을 확인한 후 스포츠 토토는 자동으로 필요한 단계(1:41)를 실행하여 다음을 수행합니다문서 샤딩그것은 모놀리식을 분할합니다docs/prdmd다음과 같은 개별 서사시 파일로epic-1-foundation-core-task-managementmd, 개발팀이 개별 작업 패키지를 명확하고 관리하기 쉽게 만듭니다

동영상은 스포츠 토토가 프로젝트의 다음 첫 번째 스토리 파일을 생성하는 것으로 마무리되며(5:47) 프로젝트가 이제 적절하게 구조화되었으며 다음 개발 단계를 위한 준비가 되었음을 확인합니다

자동화된 Monorepo 설정 및 구현을 위한 도구

이 비디오는 의 시작을 표시합니다빌드(B) 및 배포(D)BMAD 흐름의 단계, 다음에 의해 구동됨풀스택 개발자 스포츠 토토 (dev@agents), 동영상에서는 'James'로 식별됩니다 이 스포츠 토토는 첫 번째 스토리인 '11 프로젝트 설정 및 Monorepo 인프라'를 구현하는 임무를 맡고 있습니다

스포츠 토토가 시작되고(0:01) 사용자가 다음을 선택합니다“개발-스토리”명령(0:08) 스포츠 토토는 즉시 아키텍처 문서와 특정 스토리 파일(11project-setupmd), 실행 컨텍스트 설정(0:34)

데모의 핵심은 권장 TurboRepo 프레임워크를 사용하여 모노레포 구조를 설정하는 스포츠 토토의 작업입니다 여기에는 다음을 포함하여 여러 복잡한 다단계 작업을 자동으로 실행하는 작업이 포함됩니다

1. 모노레포 초기화 중:스포츠 토토는 TurboRepo 모노레포 구조를 초기화하는 명령을 실행하여 시작됩니다(0:50)
2. 스캐폴딩 애플리케이션:아키텍처에 정의된 개별 애플리케이션인 프런트엔드 애플리케이션의 스캐폴딩을 진행합니다 (앱/웹) React 및 Vite 및 백엔드 API 사용(앱/API) Nodejs 및 Express 사용(1:01)
3. 공유 패키지 구성:필수 공유 TypeScript 패키지를 생성하고 구성합니다 (공유 유형, 공유 패키지) (1:20), 모노레포의 모든 부분이 동일한 데이터 유형과 구성을 사용하도록 보장합니다
4. 품질 도구 설치:마지막 단계에는 특히 코드 품질 도구를 설치하고 구성하는 작업이 포함됩니다ESLint 및 더 예뻐짐및 통합허스키 Git 후크 (1:39 – 2:38).

동영상은 패키지 참조 오류 해결, 종속성 자동 설치, 필요한 모든 도구를 갖춘 완전한 기능의 모노 저장소 구조로 프로젝트를 사양 세트에서 신속하게 이동하는 등 복잡한 설정 작업을 처리하는 스포츠 토토의 능력을 보여줍니다

요약 및 남은 작업

우리는 PRD 생성부터 UX/프런트엔드 사양 및 풀 스택 아키텍처를 거쳐 초기 모노레포 설정에 이르기까지 BMAD 방법의 핵심 단계를 진행했습니다
남은 것: 스크럼 마스터 스포츠 토토는 개별 스토리 파일을 생성하고 개발자 스포츠 토토는 해당 스토리를 구현합니다(코드 작성, 모듈 통합, 배포) 이들은 협력하여 'Todo Web App'을 완성되고 프로덕션에 바로 사용할 수 있는 형태로 만듭니다

차세대 시스템 연구소에서는 그룹 전체 통합을 지원할 설계자를 찾고 있습니다 인프라 설계나 구축 경험이 있거나 차세대 시스템 연구실에 관심이 있으신 분은 연락주세요채용 공고 목록에서 신청해주세요