인프런 커뮤니티 질문&답변
작성한 질문수
상세 페이지 데이터 누락 오류입니다.
작성
·
379
1
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :)
1. 질문은 문제 상황을 최대한 표현해주세요.
따라가던 도중 메인페이지에서는 이미지와 정보들이 잘 나오는데 클릭 후 상세페이지로 넘어갔을때 화면과 같이 데이터들이 누락 됩니다. 데이터 받아오는 로그 사진 입니다.
https://github.com/Joji6666/jinsMarket2
https://github.com/Joji6666/jinsmarketServer
웹 이랑 서버 깃헙 주소 올려드립니다. ㅠㅠ
2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ
ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!
3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
답변 1
0
안녕하세요~
현재 보시면 product.imageUrl의 시작이 /images/... 로 되어있는데요. 그렇게 되면 아래 링크에서 보이듯 실제로 파싱되는 src는 localhost:8080//images/... 이렇게 images앞에 슬래시가 2개 붙게 됩니다. 따라서 DB에 imageUrl 앞에 /를 빼주셔야 할 것 같아요!
https://github.com/Joji6666/jinsMarket2/blob/d2016dd485df7bb9120a64dafc7025d1605a1a21/src/products/index.js#L28
그리고 문제가 생겼을 때는 개발자도구 -> elements에서 해당 이미지의 src가 어떻게 들어있는지 확인해보는 것도 좋은 디버깅 방법일 것 같습니다 :)