Task 01
Antigravity
⏱️ 50분 소요
프로젝트 구조 & 홈 화면 생성
PROJECT.md를 읽고 공통 스타터 템플릿에 기본 구조와 홈 화면 및 첫 번째 CTA 버튼을 구현합니다.
산출물
📁 src/ & 🌐 index.html (홈)
Day 3. PROJECT.md에서 동작하는 MVP 만들기
Day 2의 기획 문서를 Antigravity로 실행 가능한 Web App으로 구현하고 Codex로 문서 대비 결과를 검증합니다. 핵심 목표는 화면을 많이 만드는 것이 아니라 핵심 사용자 흐름의 시작과 끝이 연결된 MVP v0.1을 완성하는 것입니다.
🎯 목표 1. 구현 시작PROJECT.md 기반 단계적 구현 지시 및 첫 화면 생성
🎯 목표 2. 핵심 흐름입력→처리→결과 완전한 사용자 흐름 브라우저 확인
🎯 목표 3. 상태 처리로딩·빈값·오류 상태 구현 및 정상 흐름과 구분
🎯 목표 4. 검증 문서Codex로 VALIDATION_DAY3.md 작성 및 개선 백로그
⏱️ 시간별 학습 일정 (총 6시간)
| 시간 | 구분 | 주요 내용 | 산출물 |
|---|---|---|---|
| 20분 | 회고·환경 점검 | Day 2 문서, 미결정 사항, 실행 환경 확인 | 개발 준비 체크 |
| 40분 | 강의 1 | MD 기반 구현, 프로젝트 구조, 단계적 개발 | 구현 순서 |
| 30분 | 강의·시연 | Antigravity 구현과 Codex 검증 전체 사이클 | 시연 프로젝트 |
| 50분 | 실습 1 | Antigravity로 프로젝트 구조와 첫 화면 생성 | 실행 가능한 기본 프로젝트 |
| 50분 | 실습 2 | 화면 연결과 핵심 입력 구현 | 기본 사용자 흐름 |
| 70분 | 실습 3 | 핵심 기능과 결과 화면 구현 | MVP v0.1 |
| 40분 | 검증 실습 | Codex로 문서 대비 테스트·검증 | VALIDATION_DAY3.md |
| 30분 | 공유·리뷰 | MVP 시연과 Day 4 개선 목록 작성 | 개선 백로그 |
💻 Day 3 자율 실습 과제 보드
각 실습 카드를 클릭하여 단계별 상세 가이드, 전용 프롬프트, 파일 구조 및 자가 검증 체크리스트를 확인하세요.
실습 진행률: 0 / 6 완료 (0%)
카드의 체크박스를 눌러 완료 상태를 기록하세요
Task 02
Antigravity
⏱️ 50분 소요
화면 연결과 핵심 입력 구현
홈에서 입력 화면으로의 매끄러운 화면 전환과 필수 폼 필드 및 빈 값 유효성 검사를 구현합니다.
산출물
🌐 Input Screen & Form Validation
Task 03
Antigravity
⏱️ 70분 소요
핵심 기능 & 결과 화면 완성 (MVP v0.1)
입력→처리→결과 전체 흐름을 완성하고 기본, 로딩, 빈값, 성공, 오류 5가지 상태를 처리합니다.
산출물
🚀 MVP v0.1 (전체 흐름 연결)
Task 04
Codex
Web ChatGPT
⏱️ 40분 소요
Codex로 VALIDATION_DAY3.md 작성
Acceptance Criteria 대비 Pass/Fail/Manual Check를 객관적으로 검증하고 개선 백로그를 도출합니다.
산출물
📄 VALIDATION_DAY3.md
자율 도전 A
Antigravity
🚀 CRUD 앱 특화
단순 CRUD 노트 앱 MVP v0.1 구현
텍스트 노트를 생성·조회·삭제할 수 있는 웹 앱을 localStorage 기반으로 Antigravity로 직접 구현합니다.
산출물
🌐 Note App (localStorage)
자율 도전 B
Antigravity
🚀 계산기/도구 특화
계산기 / 단위 변환기 웹 도구 구현
BMI 계산기, 환율/단위 변환기 중 하나를 선택하여 Antigravity에 명확한 지시문으로 단일 페이지 도구를 구현합니다.
산출물
🌐 BMI / Calc Tool
❓ Day 3 자율 이해도 체크 퀴즈
Q. Antigravity에서 첫 번째 구현 요청으로 가장 적절한 접근은 무엇인가요?
🎁 Day 3 핵심 실습 결과물 정의
Day 3 학습을 마쳤을 때 완성되어야 하는 핵심 산출물입니다.
결과물 01
🗂️ 기본 프로젝트 구조
로컬에서 실행 가능한 프로젝트 파일 구조. 홈 화면이 PROJECT.md와 일치할 것
결과물 02
🌐 MVP v0.1
핵심 사용자 흐름(입력→처리→결과)의 시작부터 끝이 연결된 첫 번째 동작 버전
결과물 03
📄 VALIDATION_DAY3.md
Must별 Pass/Fail/Manual Check/Not Implemented 상태와 Day 4 개선 백로그
📬 실습 과제 제출 & 등록 센터 (Deliverables & Classroom)
Day 3 실습 과제 제출 & 구글 클래스룸 등록
오늘 완성한 핵심 실습 결과물을 구글 드라이브에 업로드하고, 구글 클래스룸 해당 과제에 등록을 완료해 주세요.
💡 과제 제출 & 등록 방법 안내
[Step 1] 구글 드라이브 파일 업로드:
파일명 형식은
팀명_제목
(예: Maikaratu-Enterprice_Day3_과제)
으로 설정하여 업로드해 주세요.
[Step 2] 구글 클래스룸 과제 등록:
아래 [과제제출 등록하기] 버튼을 눌러 클래스룸 과제를 열고, 댓글에
과제 등록 완료 : 구글드라이브 링크
형태로 작성해 주세요.