✔ 1주차

- [기획단계] 생성형 AI 커머스 서비스 기획

· 과정 오리엔테이션: Bubble·weeai·Claude 계정 환경 설 정 및 학습 로드맵 안내

· Google Gemini 멀티모달 분석 기능 활용: 협약기업 커 머스: 유통 데이터 분석 및 현장 애로사항 도출

· weeai 플랫폼 기반 AI 프롬프트 체인·워크플로우 시각적 설계 및 프롬프트 템플릿 사전 검증

· 서비스 요구사항 정의서 작성 및 앱 기능 명세 초안 완 성 801호

✔ 2주차

- [기획단계 연계] AI 기반 UI/UX 디자인 및 프로토타이핑

· HTML5 구조적 태그 원리 및 CSS3 레이아웃 (Box Model·Flexbox) 이론 학습 완료

· Figma 기초 실습: 커머스 웹앱 주요 화면 (홈·상품목록·상세·장바구니·주문내역) 와이어프레임 설계

· Claude를 활용한 UI 카피라이팅·컬러 팔레트·아이콘 선 정 실습

✔ 3주차

- [기획-실행단계] UI/UX 디자인·프로토타이핑

· Figma 고화질 프로토타입 완성: 화면 전환 인터랙션 설 정 및 웹 컴포넌트 레이아웃 설계서 작성

· Bubble 기초 탐색: 드래그 앤 드롭 UI 빌더 구조 이해 및 기본 컴포넌트 배치 실습

· Bubble 내장 DB(Built-in Database) 구조 설계: 상품·회 원·주문 데이터 타입 설정

✔  4주차

- [실행단계] 생성형 AI 앱 개발 제작

· Bubble 커머스 UI 구현: 상품목록·상품상세·장바구니 화 면 빌드 및 브랜드 커스터마이징

· Bubble 내장 DB 연동: 상품 데이터·회원 정보 바인딩 및 장바구니·주문내역 저장 기능 구현

· weeai 오케스트레이션 레이어 연동 구조 사전 학습 [Bubble → weeai → Claude API] 아키텍처 이해

✔  5주차

- [실행단계] 생성형 AI 앱 개발 제작

· Bubble → weeai 오케스트레이션 레이어 → Claude API 연동 구성 (코딩 없이 API Connector 활용)

· weeai 기획단계 검증 프롬프트 템플릿 적용: 자동 상품 설명 작성 AI 기능 서버리스 구현

· 초개인화 상품 큐레이션 AI 기능 구현: weeai 워크플로우 기반 Claude 추천 결과 Bubble UI 출력

✔  6주차

- [실행 마무리/검증단계] 앱 개발 완성/테스트·배포

· AI 융합 웹앱 프로토타입 전체 기능 통합 완성 및 팀별 중간 발표

· 동료 훈련생·협약기업 담당자 대상 통합 QA: UI 오류·기 능 버그 목록화 및 피드백 수렴

· weeai 대시보드 활용 AI 성능 정밀 검증: 실시간 토큰 소모량·API 호출 성공률·응답 정확도·비용 분석

✔  7주차

- [보완단계] 생성형 AI 앱 테스트·배포

· 검증 피드백 기반 웹 화면 깨짐 현상·기능 버그 수정 리팩토링

· Anthropic Workbench + weeai 프롬프트 관리 시스템 활용: 프롬프트 튜닝·퓨샷(Few-Shot) 보완 및 버전 관리

· Bubble 환경 최종 웹 서비스(Web URL) 즉시 배포 완료 · 최종 포트폴리오 발표 및 협약기업 취업·직무전환 성과 연계