강의

멘토링

커뮤니티

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

honeynyamnyam님의 프로필 이미지
honeynyamnyam

작성한 질문수

만들면서 배우는 리액트 : 기초

28 고양이 데이터 내 앱에 연동하기 (수업 노트 필수 참고)

API 적용 안되는 코드 수정 방법입니다.

작성

·

18

0

Q&A를 찾다가 '쏘뇽'님께서 수정해주신 코드로 해봤는데, 그 사이에 API사이트에서 뭔가 바뀌었는지 안되더라고요(2025년 기준). 제 생각에는 키값의 변수명이 _id에서 id로 바뀐 듯 합니다. 아래 코드 사용하시면 잘 돌아가네요.

      const fetchCat = async (text) => {
        const OPEN_API_DOMAIN = "https://cataas.com";
        const response = await fetch(
          `${OPEN_API_DOMAIN}/cat/says/${text}?json=true`
        );
        const responseJson = await response.json();
        return `${OPEN_API_DOMAIN}/cat/${responseJson.id}/says/${text}`;
      };

답변 1

0

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

질문해주신 API 적용 문제에 대해 이해하였습니다. API를 사용하면서 변경된 엔드포인트나 데이터 구조로 인해 문제가 발생할 수 있습니다. ‘쏘뇽’님의 코드를 기반으로 최신 API의 구조에 맞춰 수정하신 점은 참 잘하셨습니다. API의 응답 구조가 변경되었을 때, 적절하게 코드를 수정하여 대응하는 것이 중요합니다.

다른 수강생님들이 비슷한 문제를 경험한 경우와 해결법에 관한 정보를 공유해드리겠습니다.

  1. https://cataas.com/undefined 로 나오는데 왜그런건가요? - 쏘뇽님께서 응답값이 바뀌었다고 안내하셨습니다. 글을 참고하여 기존 응답 데이터가 어떻게 바뀌었는지 확인해보세요.

  2. fetch가 쓰기가 너무 어려워요 - 비동기 처리와 관련한 개념을 깊게 이해하려면 비동기 처리에 대한 블로그 글이나 튜토리얼을 추천드립니다. 처음엔 헷갈릴 수 있지만 반복적으로 사용하면 익숙해질 것입니다.

위 수업 자료와 연관된 Q&A 스레드를 통해 다른 분들의 문제 해결 과정을 참고하시면 더 많은 도움을 얻으실 수 있습니다. 각 게시물에서 다양한 해결책과 코드 예제를 찾아보실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

honeynyamnyam님의 프로필 이미지
honeynyamnyam

작성한 질문수

질문하기