[jpg, JPG] 이미지 엑스 박스

  만약 파일 확장자 경로도 맞고, 홈페이지에 같은 폴더의 이미지 파일이 다 올라가는 것을 통해 이미지 업로드의 문제가 없음을 확인했음에도 불구하고 이미지에 엑스 박스가 뜬다면 jpg, JPG를 확인해보자.

  figma에서 export한 파일은 .JPG로 clip studio에서 별도의 편집을 거쳤던 파일은 .jpg로 저장되어 있었다. 물론 html 작성시 tab키로 자동완성 시켰다면 이러한 문제가 발생하지 않을 것 같지만, Windows에서는 파일 확장자의 대소문자의 식별을 하지 않지만 UNIX에서는 구분하고 있으므로 다른 파일로 인식된다.

  결론적으로 코드로 src 에서의 접근을 .JPG나 .jpg로 바꾸거나 파일 자체의 형식을 변경하면 된다.