inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

상품 업로드 기능 구현 - 2

메인 화면 이미지가 안뜨는 문제 관련

475

diane_kim

작성한 질문수 6

1

안녕하세요 그랩님! 바로 이전 질문에서 저와 동일한 현상으로 질문 주신것에 답변(하기 스크린샷)대로 변경을 해보았습니다.

그랬더니 이번엔 그랩마켓 내의 '상품업로드'를 통해 등록한 키보드2 이미지만 뜨고 이전에 등록한 제품들은 깨져서 보이지 않아 이럴경우엔 어떻게 해결해야 할지 문의드립니다!

HTML/CSS javascript react node.js react-native 머신러닝 express tensorflow

답변 2

0

그랩

경로 설정은 잘하신 것 같습니다!

https://github.com/yansfil/grab-market-client/blob/3479df9b4e415a0b2200e6fc4bf360261ad35f7f/src/product/index.js#L63

현재 브라우저쪽에서 에러가 나는 이미지 주소를 보면 images/products/~~ 이라고 products라는 경로가 앞에 붙어있네요! 원래대로라면 images/ 뒤에 바로 이미지 파일 주소가 붙어야 하고 서버의 uploads/ 폴더 안에서 해당 이미지가 있어야 정상적으로 이미지 확인이 가능해집니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요. 메인 화면 이미지가 안뜨는 문제에 대해서 문의주셨는데요, 문제를 해결하기 위해 몇 가지 확인해야 할 사항이 있습니다.

먼저, 이미지가 깨져서 보이지 않는다고 한 것으로 보아 이미지 파일이 손상되었을 가능성이 있습니다. 해당 이미지 파일이 정상적으로 저장되어 있는지 확인해보세요. 이미지 파일이 다른 작업에 영향을 주었을 수도 있기 때문에, 다른 이미지 파일이 정상적으로 보이는지도 함께 확인해주세요.

또한, 이미지 파일의 경로를 올바르게 설정하였는지도 확인해야 합니다. 이미지 파일의 경로가 정확하지 않으면 해당 이미지를 로드하는데 문제가 발생할 수 있습니다. 경로 설정이 올바른지 다시 한번 확인해보세요.

만약 위의 방법들을 시도해보았음에도 문제가 해결되지 않는다면, 해당 문제에 대한 디버깅 과정이 필요합니다. 현재까지 시도한 변경 내용과 함께 디버깅 과정을 자세히 설명해주시면, 더 구체적인 도움을 드릴 수 있을 것 같아요.

그리고, 지금까지 시도한 변경 내용과 함께 상세한 에러 메세지나 스크린샷을 같이 첨부해주시면 문제를 파악하는데 도움이 될 것입니다. 추가로, 어떤 기기와 브라우저에서 해당 문제가 발생하는지도 알려주시면 더 정확한 답변을 드릴 수 있을 것 같아요.

문제가 해결되지 않는다면, 인프런 고객센터로 문의해주시는 것이 좋습니다. 그럼 해결되시길 바랄게요!

[해결]그랩님 답변 주세요.

0

164

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

143

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

126

2

[재질문][그랩님 답변 부탁드립니다]101강

0

143

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

98

2

Ngrok 설치 후 forwarding Url 에러

0

133

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

220

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

137

1

그랩님,[꼭] 답변 부탁드립니다.

0

68

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

153

1

6강/7강 수업

0

52

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

99

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

136

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

89

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

130

2

일반적인 css 꾸미기에서 width와 height의 값?

0

93

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

196

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

121

1

react에 반영이 되지 않습니다.

0

241

1

터미널 npm install -g create-react-app 작성 후 오류

0

421

1

create-react-app my app 실행 시 에러

0

356

2

포스트맨 질문

0

100

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

261

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

479

2