inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

무비앱 시리즈 #8 영화 출연진들 가져오기 ( 따라하며 배우는 리액트 노드 )

GET http://image.tmdb.org/t/p/w1280undefined 404 (Not Found) 에러

466

skywalk

작성한 질문수 26

0

랜딩페이지에서 영화를 선택하면 디테일 페이지에서  메인 이미지가 제대로 나오면서도  에러 메시지가 

 GET http://image.tmdb.org/t/p/w1280undefined 404 (Not Found) 나옵니다. 

<MainImage

image={`${IMAGE_BASE_URL}${IMAGE_SIZE}${Movie.backdrop_path}`}

부분이 것 같은데 F12 로 보면 늘 나오고 있습니다.  다른 페이지에서는 나타나지 않고요.

수고하세요.

mongodb 웹앱 express react nodejs

답변 2

0

skywalk

랜딩페이지에서 무비를 선택 --> MovieDetail.js 에 다음과 같이 콘솔을 넣고 실행하니,  3번이나  출력했습니다.

화면에도 정상적으로 출력되었지만 마지막에 에러가 나오네요. 이해가 안되서요. 수고하세요.

//

    useEffect(() => {

    ...

    }

    console.log('Detail Movie -> ', Movie )  // test

    console.log('Movie.backdrop_path -> ', Movie.backdrop_path )  // test

    return (

        <div>

            {/* Header */}                                                                                                       

                <MainImage 

                    image={`${IMAGE_BASE_URL}w1280${Movie.backdrop_path}`} 

                    title={Movie.original_title}

                    text={Movie.overview}

                />

   . . .

-----------------------------------

F12 Screen message

response ->  {adult: false, backdrop_path: "/stmYfCUGd8Iy6kAMBr6AmWqx8Bq.jpg", belongs_to_collection: null, budget: 85000000, genres: Array(4), …}

Detail Movie -> {adult: false, backdrop_path: "/stmYfCUGd8Iy6kAMBr6AmWqx8Bq.jpg", belongs_to_collection: null, budget: 85000000, genres: Array(4), …}

Movie.backdrop_path ->  /stmYfCUGd8Iy6kAMBr6AmWqx8Bq.jpg

response.cast ->  (46) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, 

.....               ]

Detail Movie -> {adult: false, backdrop_path: "/stmYfCUGd8Iy6kAMBr6AmWqx8Bq.jpg", belongs_to_collection: null, budget: 85000000, genres: Array(4), …}

Movie.backdrop_path ->  /stmYfCUGd8Iy6kAMBr6AmWqx8Bq.jpg

Detail Movie -> {adult: false, backdrop_path: "/stmYfCUGd8Iy6kAMBr6AmWqx8Bq.jpg", belongs_to_collection: null, budget: 85000000, genres: Array(4), …}

Movie.backdrop_path ->  /stmYfCUGd8Iy6kAMBr6AmWqx8Bq.jpg

XHR finished loading: GET "http://localhost:3000/api/users/auth".

GET http://image.tmdb.org/t/p/w1280undefined 404 (Not Found)

0

John Ahn

Movie.backdrop_path   이 값을 못가져오는것 같습니다 ^^ 
저 부분이 어떻게 오는지 한번 확인해주시겠나요  ~ !! ㅎㅎ 
수고하세요 ~ ! 

에러서 요렇게만 해보세요

0

228

1

antd Menu 질문

0

260

1

movieTitle

0

218

1

npm run dev 연결이 안됩니다ㅜㅜ

0

410

1

npm run dev 오류

0

855

1

403 forbidden error

0

1067

2

npm run dev 오류

0

696

1

모듈이 없다는데요

0

1278

1

npm run dev 실행시 오류

0

5372

1

504 Gateway Timeout Error

0

1448

1

컴파일 에러 관련 문의

0

504

1

npm run dev 오류

0

760

1

이미지가 안떠요...

0

369

2

npm run dev 실행하고 인증이 안되는거 같아요

0

531

1

cd client에서 npm install 오류

0

1418

1

npm run dev시 localhost가 자꾸 3000으로 연결됩니다

0

972

1

Netlify + AWS Elastic Beanstalk 를 이용한 배포

1

1785

1

[nodemon] app crashed - waiting for file changes before starting... Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/ 해결법

0

460

0

지금 듣기엔 안되는 강의일까요?

0

718

1

사진이 2개 2개씩 다른줄에 나와요 ㅠㅠ

0

428

1

비동기 처리가 영상과 다르게 됩니다..

0

247

0

#2강 npm install

0

768

4

LandingPage.js 내 useState(null) 이용하는 이유

0

226

0

client 부분에 App.js 와 Config.js 위치가 다른데 상관없는 것인가요?

0

384

1