inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

https://cataas.com/undefined 로 나오는데 왜그런건가요?

590

Park A Reum

작성한 질문수 2

1

https://cataas.com/undefined 로 나오는데 왜그런건가요?

28강 수강하고 있는데 fetch를 사용하려고 하는데 이미지가 안나와요 ㅠㅠㅠ

javascript react

답변 4

0

숲속

다른 링크로 수정했는데 귀요미들이 잘 나옵니다. 텍스트는 못 넣지만요

      const fetchCat = async (text) => {
        const OPEN_API_DOMAIN = "https://api.thecatapi.com/v1/images/search";
        const response = await fetch(`${OPEN_API_DOMAIN}`);
        const responseJson = await response.json();
        return responseJson[0].url; 
      };

0

진유림

쏘뇽님 감사합니다. 정확한 답변이에요.

강의 코드와 노트 수정했습니다.

https://github.com/milooy/cat-jjal-maker/blob/main/answers/29-useEffect.html#L48

이 코드 참고해서 fetchCat 함수를 변경해주시면 됩니다.

0

쏘뇽

image
강의와 다르게 현재 API 응답값이 바뀌어서 url 이라는 필드가 없습니다.
위의 이미지에 있는 것과 같이 _id 필드를 사용해야 하며

호출해야할 API 주소가 변경되어야 합니다.

 

아래 질문과 같은 문제이니 참고하세요
https://www.inflearn.com/questions/1050883/api%EA%B0%80-%EC%95%88%EB%B6%88%EB%9F%AC%EC%99%80%EC%A7%80%EB%84%A4%EC%9A%94

 

지금 테스트 해보니.. Open API 여서 그런지 서버가 불안정한 것 같습니다ㅠ 됐다 안됐다 하네요ㅜㅜ

0

보노보노

저도 똑같이 안나오네요 ㅜㅜ

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

0

70

1

고양이 이미지가 엑박이 뜨네요

0

50

1

npx 명령어 사용 불가

1

74

1

const 변수와 컴포넌트의 차이

0

88

1

강의노트

0

139

1

vite로 리액트 빌드한 후 깃허브에 배포하는 방법

0

323

1

빌드할때 dist 폴더가 만들어지는데요,

0

765

1

js파일 업로드 요청

0

135

1

변경된 api 사용시 text 안나오는 문제

0

141

1

메인글자수정...

1

267

3

디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?

1

310

1

고양이 사진이 깨져요.ㅜㅜ

2

358

3

강의 노트 위치를 모르겠습니다

1

342

1

깃 강의노트 어디서 볼 수 있나요?

1

380

2

이해가 안되는 부분이 있어요

1

360

1

api가 안불러와지네요...

1

658

4

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

1

329

2

react에서 컴포넌트 만들 때 대문자를 쓰는 이유

2

1154

2

https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ

1

328

2

index.js 내용이 바꼈네용

1

317

2

프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.

1

260

2

html 코드 오류

1

462

2

고양이 이미지 깨져요

1

337

2

고양이 이미지 링크 깨짐 문의

0

778

1