완성 프로젝트와 수료 증거
처음부터 끝까지 실행 가능한 탐색 사이트와 설명 자료를 완성합니다.
진도 0%
레슨
- 재현 가능한 실행과 빌드
의존성과 실행 절차를 다른 사람이 재현하게 합니다.
- API 계약과 출력 안전성
잘못된 응답과 신뢰 경계를 확인합니다.
- 사용자 흐름 증거 묶음
검색·상세·빈 결과·오류·모바일의 동작 증거를 남깁니다.
- 설계 판단과 면접 설명
핵심 코드와 실패 조건을 자신의 말로 설명합니다.
10단계: 완성 프로젝트와 수료 증거
m09 미션 solution 전체를 이어받은 starter에서 공개 빌드와 응답 계약 TODO를 완성하고 사용자 흐름·설계 설명 자료를 제출합니다.
요구사항
- build.cjs의 assets 포함 TODO를 완성해 공개 산출물과 상대 import를 보존합니다.
- safety.mjs의 레코드·중복 id 계약을 완성하고 일반 요소 textContent 출력과 기존 회귀를 유지합니다.
- EVIDENCE.md의 다섯 흐름과 DECISIONS.md의 여섯 질문을 실제 근거로 완성합니다. 모의 데이터만 사용하고 커밋·푸시는 하지 않습니다.
완료 기준
- npm test와 npm run build가 성공하고 README의 npm ci·preview 절차로 빌드 화면을 확인합니다.
- npm run test:built 및 실제 키보드·390px 목록/상세를 확인합니다. EVIDENCE.md의 검색·상세·빈 결과·오류·모바일 각각에 조건·기대·실제·근거·대상 식별을 씁니다. PENDING은 수료 미완료입니다.
- DECISIONS.md의 6개 설명에 실제 코드·함수·실패 사례·검사 이름·실행 결과·대안 비용·AI 검증을 연결합니다. 자동 형식 검사와 사람 내용 검토를 구분합니다.
- npm ci와 npx playwright install chromium을 먼저 실행합니다(Node 20 또는 22 LTS). check.sh는 npm test 뒤 Playwright e2e까지 실행합니다.
bash check.sh미션 시작 코드
모범 답안
모범 답안 내려받기검토 기준
- 사용자에게 필요한 안내와 다음 행동이 분명합니다.
- 변경 이유와 실패 조건을 코드·검증 근거로 설명합니다.