Feature_guidebookPage: 프록시 오류

[minseonju]

사용 설명 텍스트 밑에 이미지가 나와야 하지만 나오지 않음

터미널 확인해 본 결과 프록시 오류가 뜸

[minseonju]

해당 기능을 구현할 때 서버를 사용하는 일이 없는데 왜 프록시 오류가 뜰까요??

[GAUDUL]

자세한 코드를 확인해봐야 알 거 같습니다. 오류가 난 부분을 알려주실 수 있나여

[minseonju]

제가 지금까지 작성한 코드 중에서 서버가 이용되는 부분이 없는데 저런 오류가 뜨는 것 같아요. 코드는 guidebook.js 와 main.js 파일을 참고해 주세요

[minseonju]

데이터 베이스 권한을 받지 않아 생긴 오류라고 판단되어 권한을 받은 후 다시 실행해 보았지만 오류가 해결되지 않았습니다. 슬라이드 기능에 대한 코드 자체를 수정하는 방식으로 오류 해결 진행하겠습니다.

[GAUDUL]

@minseonju 좀 늦은 감이 있지만

[GAUDUL]

이미지 파일을 public 파일에 넣고

        <img src="/addButton.png" alt="Add Button"/>

이와 같이 작성하니 전 잘 작동했습니다.

[GAUDUL]

react에선 public 폴더가 정적 파일을 호스팅하는데 사용된다고 하네요 그래서 이미지 파일을 public 폴더 안에 넣으면 프록시 서버 요청 필요 없이 정적으로 제공된다고 합니다. 참고하시길 바랍니다.

[luminous037]

js에서 이미지 파일을 불러와 쓰려고 할 땐 자신의 상위 폴더 (src) 밖의 폴더인 public 폴더의 경로는 사용할 수 없다고 뜹니다.

[minseonju]

그래서 저는 src/components/image/image.png 경로에 이미지를 다 저장해 놓긴 했습니다. luminous님 말씀대로라면 public 폴더로 이미지 경로를 수정해도 오류가 해결되지 않으니 코드를 다시 작성하는 방법으로 해결했습니다.

[GAUDUL]

@luminous037 혹시 src에 상대경로로 작성하셨나요

저기선 절대경로로 해야 오류가 안생깁니다

[GAUDUL]

public에 이미지 넣어두셨으면 "/(이미지파일.png" 로 접근하시면 됩니다