Mission 01 Mission 01 오류 해결 실습 가이드
📥 실습 입력 (Input)
- •
day6_meeting_notes.md(회의록)
💾 실습 출력 (Output)
- •
day6_error_report.md
1. 스토리 및 실습 배경
대시보드 화면 프로토타입 작성 후 API 데이터 fetch 기능을 구현하여 가상의 서버 연동을 테스트하던 도중 예기치 못한 에러가 연쇄적으로 발생하였습니다. 해당 에러에 대해 Codex의 진단 처방을 받아 에러 요인을 추적하고, 최종적으로 안정적으로 구동되는 결과물을 입증합니다.
2. 학습 목표
- 가상 서버 호출 시 발생하는 HTTP Status 404 및 CORS 장애 현상을 식별한다.
- Response의 JSON 포맷이 깨졌을 때 발생하는 SyntaxError의 근본적 파싱 원인을 이해한다.
- 디버깅 결과 조치 내역과 향후 재발 방지책을 정리한 오류 리포트를 작성한다.
🛠️ 실제 따라 하기 실습 가이드
- 실습용 파일 생성: 아래 다운로드 버튼을 눌러
day6_meeting_notes.md파일을automation/폴더 내에 저장합니다. - CORS/JSON 파싱 진단: Codex Client에 수집한 에러 문장과 내 원본 코드를 넘겨주어 문제의 구조적 인과관계를 설명하도록 유도합니다.
- 오류 리포트 영구화: AI가 진단하고 제안한 수정 코드 가이드라인을 토대로 에러 리포트 양식(`day6_error_report.md`)을 작성하고 확인합니다.
실습 자료 다운로드
Codex 요청 프롬프트
Mission 01 Prompt
서버 호출 시 발생한 'SyntaxError: Unexpected token < in JSON' 오류 메시지와 코드 파일을 기준으로, 에러 발생 배경 및 조치 코드를 반영한 최종 디버깅 보고서(Error Report)를 빌드해 주세요.
4. 결과물 예시
Codex는 회의 기록을 분석해 아래와 같이 정규화된 데이터 엔티티 매핑 및 Mermaid ERD 스크립트를 출력합니다.
| 파일명 | 에러 유형 | 진단 원인 | 수정 조치 |
|---|---|---|---|
| day6_error_report.md | SyntaxError: Unexpected token < in JSON | 서버 호출 URL 주소 오타로 인한 HTML 404 응답 리턴 | URL 교정 및 content-type 검증 |
5. AI 활용 포인트
- CORS/파싱 원인 분석: 서버와 클라이언트 간의 도메인 차이 또는 HTTP 응답 내용의 타입 차이를 대조 분석합니다.
- 방지 매트릭스 도출: 이후 다른 API를 호출할 때 동일 현상이 재발하지 않도록 규격 처리 유틸 가이드를 빌드해 줍니다.