서버 배포시 이미지 액박 오류 해결

- 22.03.23일

 

예전에 포트폴리오 준비중 컴퓨터에 저장된 인덱스 파일을 열어서 확인하면 오류가 나지 않는데,

닷홈에 업로드해서 확인하면 사진 액박 오류가 생겼다.

위 오류 X , 아래 이미지 액박 오류

처음에는 닷홈 문제인줄 알고 이것 저것 알아보고,

이미지 경로 문제인가 싶어서 경로도 바꿔서 해봤지만 고쳐지지 않았다.

 

그러던 도중 이유를 발견했는데,

왜 이렇게 저장했을까 진짜...?

바로 이미지가 확장명이 대소문자가 구분되어 오류가 났던 것.

jpg로 저장돼 있으면 문제가 생기지 않았지만, JPG로 저장돼있으면 업로드한 페이지에서 문제가 생겼다...

소문자나 대문자의 차이가 있어도  index파일을 크롬으로 그냥 열면 사진이 보였지만 서버 배포에서는 오류가 났었나보다.

 

html에 ./img/pic.JPG라 돼 있으면 오류가 안났을 텐데.. 하루종일 인터넷을 뒤졌지만 해결방법을 찾지 못했다가 왠지 벼락맞듯 생각나 확인해보니 역시나 이 문제였다.. ㅋㅋㅋㅋ