KimsBoard프로젝트중 프론트의 img태그의 src속성으로 상대경로 값을 주어도 액박이 나는 문제

 

해결책을 제시하는글: https://velog.io/@ingdol2/React-image-%EA%B2%BD%EB%A1%9C-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

처음 문제 상황은 이러했다. 강의에서 이미지파일의 출처로 아래와 같이 인터넷 링크를 복붙하였다. 나는 이러한 것이 항상 인터넷이 연결되어야 한다는 제한사항때문에 꺼려졌다. 그래서 이미지를 그냥 내 폴더에 다운받은 후에 그 이미지 파일의 상대경로(혹은 절대경로)를 src속성의 값으로 주면 문제가 해결되겠거니 생각했다. 하지만 문제는 해결되지 않았다.

 

아직까지 정확히는 왜 그런지 모르겠다(빌드할시 경로가 달라져 css 모듈로 따로 불러와야 한다고 단톡방에서 조언을 들은 적이 있다). 하지만 위의 글대로 해당 파일을 import 하니 문제가 해결되었다. 지금당장은 이미지파일에 관련된 문제가 없다. 하지만 나중에 배포상황이 오거나 언제 문제가 발생할지 모르니 이렇게 글로 남겨 놓는다.

이미지 불러오는데 관해 미래에 도움이 될수도 있는 글: https://velog.io/@haru/setting-image-route