Devin.KR

완성 프로젝트와 수료 증거

처음부터 끝까지 실행 가능한 탐색 사이트와 설명 자료를 완성합니다.

진도 0%

레슨

  1. 재현 가능한 실행과 빌드

    의존성과 실행 절차를 다른 사람이 재현하게 합니다.

  2. API 계약과 출력 안전성

    잘못된 응답과 신뢰 경계를 확인합니다.

  3. 사용자 흐름 증거 묶음

    검색·상세·빈 결과·오류·모바일의 동작 증거를 남깁니다.

  4. 설계 판단과 면접 설명

    핵심 코드와 실패 조건을 자신의 말로 설명합니다.

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
미션 시작 코드
모범 답안모범 답안 내려받기

검토 기준

  • 사용자에게 필요한 안내와 다음 행동이 분명합니다.
  • 변경 이유와 실패 조건을 코드·검증 근거로 설명합니다.