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

거누님의 프로필 이미지
거누

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

질문있습니다.

작성

·

154

0

안녕하세요 🙋‍♂️
페이지 구현 - 일기 수정 (/edit)듣고 있습니다.
새 일기쓰기 페이지와 수정하기 페이지가 동일한 DiaryEditor 컴포넌트를 공유하는데
새 일기쓰기는 이미지가 잘 들보이고 수정하기를 눌러서 보이는 페이지는 엑박이 떠서
주소를 어떻게 해주면 될까하는 생각에 앞에 env.PUBLIC_URL을 다 지우고 assets/emotion~ 이 부분만 남겨봤는데 이 방법도 안되네요 ㅠㅠㅠㅠ
 
const env = process.env;
env.PUBLIC_URL = env.PUBLIC_URL || "";
이건 해놨습니다!!!
 
어떤 해결방법이 있을까요??
 
잘 나오는 이미지 URL
http://localhost:3000/assets/emotion1.png
 
엑박뜨는 이미지 URL
http://localhost:3000/edit/assets/emotion1.png
 
 

답변 1

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

최근 재직중인 회사에 큰 변화와, 해당 강의를 책으로 펴내는 과정을 마무리 하는 과정이 겹쳐 답변이 늦었습니다. 앞으로는 최대 일주일 내로 모든 답변이 이루어질 수 있도록 조치하겠습니다 죄송합니다.

모든 이미지 URL은 localhost:3000/assets 경로로 부터 시작해야 합니다.

따라서 엑박 뜨는 이미지 URL의 경우 process.env설정을 조정하시어 중간 경로에 edit이 포함되지 않도록 조치하셔야 합니다.

현재 질문 주신 현황만으로는 구체적인 오류 유추가 불가능하므로 댓글로 코드샌드박스 링크나 깃허브 링크를 남겨주시면 바로 확인해보겠습니다.

 

거누님의 프로필 이미지
거누

작성한 질문수

질문하기