마지막 과제 api 접속이 안되서 fetch.json만들어서 했는... - 인프런

JavaScript 베이스캠프

Final Project

마지막 과제 api 접속이 안되서 fetch.json만들어서 했는데 안되네요ㅜ 어떻게 해야하죠?

작성

[
  {
    "id": 1,
    "productName": '버그를 Java라 버그잡는 개리씨 키링 개발자키링 금속키링',
    "price": 12500,
    "stokeCount": 100,
    "thumbnailImg": 'assets/img1.jpeg'
  },
  {
    "id": 2,
    "productName": '버그를 Java라 버그잡는 개리씨 키링 개발자키링 금속키링',
    "price": 12500,
    "stokeCount": 100,
    "thumbnailImg": 'assets/img2.jpeg'
  },
  {
    "id": 3,
    "productName": '버그를 Java라 버그잡는 개리씨 키링 개발자키링 금속키링',
    "price: 12500",
    "stokeCount": 100,
    "thumbnailImg": 'assets/img3.jpeg'
  },
  {
    "id": 4,
    "productName": '버그를 Java라 버그잡는 개리씨 키링 개발자키링 금속키링',
    "price": 12500,
    "stokeCount": 100,
    "thumbnailImg": 'assets/img4.jpeg'
  },
  {
    "id": 4,
    "productName": '버그를 Java라 버그잡는 개리씨 키링 개발자키링 금속키링',
    "price": 12500,
    "stokeCount": 100,
    "thumbnailImg": 'assets/img4.jpeg'
  },
  {
    "id": 5,
    "productName": '버그를 Java라 버그잡는 개리씨 키링 개발자키링 금속키링',
    "price": 12500,
    "stokeCount": 100,
    "thumbnailImg": 'assets/img5.jpeg'
  },
  {
    "id": 6,
    "productName": '버그를 Java라 버그잡는 개리씨 키링 개발자키링 금속키링',
    "price": 12500,
    "stokeCount": 100,
    "thumbnailImg": 'assets/img6.jpeg'
  },
];

javascript

답변 2

제주코딩베이스캠프

지식공유자

안녕하세요, 제주코딩베이스캠프입니다!

API 요청 주소가 이전되어 안내드립니다.

변경된 주소

https://dev.wenivops.co.kr/services/js-basecamp

주요 엔드포인트:

전체 상품 조회: https://dev.wenivops.co.kr/services/js-basecamp/mall
상품 상세 조회: https://dev.wenivops.co.kr/services/js-basecamp/mall/{id}
API 문서: https://dev.wenivops.co.kr/services/js-basecamp/docs

기존 https://test.api.weniv.co.kr/mall 주소는 더 이상 사용되지 않으니, 새로운 주소로 변경해서 사용해주세요!

불편을 드려 죄송합니다😭

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

khjoo1203님, JSON 파일에 오류가 있어서 API 접속이 안 될 확률이 있습니다. 아래의 몇 가지 사항을 체크해 보시길 추천합니다.

JSON 구문 오류:
- JSON 객체 내의 productName과 thumbnailImg에서 사용하는 따옴표는 반드시 쌍따옴표(")여야 합니다. 현재 JSON에서는 작은 따옴표(')를 사용하고 있습니다. 모든 작은 따옴표를 쌍따옴표로 변경해주세요.
- price의 값 중 하나가 "price: 12500"으로 잘못 기입되어 있습니다. : 뒤에 공백이 있는 것을 제거하고 값을 정정해 주세요.
ID 중복:
- id가 4인 객체가 두 번 존재합니다. id는 고유해야 하므로 다른 번호로 변경하시기 바랍니다.
파일 형식 확인:
- JSON은 배열을 표기할 때 마지막에 ;를 사용하지 않습니다. 이는 JSON 파일의 형식에 맞지 않으므로, JSON 배열의 종결부에 섬리콜론(;)을 제거해 주세요.
기타 사항:
- JSON은 오류 확인이 필요할 경우 JSONLint와 같은 온라인 도구를 활용해 보시는 것도 도움이 됩니다.

수정 후에도 문제가 발생하면, 구체적인 코드 사례와 함께 질문을 다시 한 번 올려주세요. 감사합니다.

인프런 커뮤니티 질문&답변

마지막 과제 api 접속이 안되서 fetch.json만들어서 했는데 안되네요ㅜ 어떻게 해야하죠?