포트폴리오 사이트를 개발하면서 깃허브 페이지로 배포를 하고 있었는데, 왜인지 모르게 세개의 사진 중에서 두개의 사진만 깨짐 현상이 발생하였다.
localhost로 접속할 때는 아무 문제가 없이 아래처럼 잘 보였지만,
github page로 배포를 하고나니 첫번째, 두번째 사진만 깨지면서
이런 아이콘으로 표시되었다.
public에 이미지를 넣어야한다, 절대경로로 바꿔줘야한다 등 검색결과가 나왔지만..
세번째 사진은 아무 문제가 없는 것이 이상했다.
결국...
진짜 어이없게도.....
한글로 저장되었다는게 문제였다.....
바보 같았지만......
어이없는 실수를 다시는 하지 않기 위해....
그런데 아직도 의문인 것은 세번째 사진은 한글로 표시되어도 배포에 문제가 없다는 것이다.
어쨌든 파일 이름은 항상 영어로 저장하자!!!
오늘 얻은 교훈이다.
