https://www.it-swarm.dev/ko/javascript/reactjs%EC%97%90%EC%84%9C-img%EC%9D%98-%EC%98%AC%EB%B0%94%EB%A5%B8-%EA%B2%BD%EB%A1%9C/825957125/

local image

import image from "./logo.png";

<img src={"/kmapinfo" + image} />

하게되면 local 에서는 이미지가 잘 보이게 된다.

deploy image

하지만 저상태로 배포를 했는데 이미지가 안보일때가 있다.

404 이미지가 안보임

대부분 경로 문제이다.
경로를 확인한다.

import image from "./logo.png";

{/* <img src={image} /> */} // local
<img src={"/kmapinfo" + image} /> // deploy

나의 최초 경로를 확인한다.
무의식 중에 최초경로가 ./ 로 생각을 하고 지정을 하게되는데 , 404 에러가 났을시 다시 확인을 한다.