[ISSUE][Next.js] 배포 후 이미지 오류 (엑박)

Reason

 

분명 dev 환경에서는 이미지 엑박없이 잘 되었는데 배포 후에 보니 몇 이미지들이 엑박으로 뜬다..🤦‍♀️

 

 

 

 

Try

검색해서 이것저것 찾아봤는데 뭔가 나한테 해당되는 내용은 아닌 것 같았음.

 

이미지가 안나오는 파일들이 어떤건지 확인해보니  한글이 들어간 파일들만 다 엑박이 나는 것을 발견함.

다운받은 것 그대로 사용했더니 파일명들이 이렇게 되어있는데, git에서 대소문자 구분을 제대로 못하는 것도 그렇고 이런 형태의 파일명은 수정이 필요하다고 판단! 

 

 

Solution

한글로 된 파일명들 뿐만 아니라 이미지랑 음악파일들 전부 스네이크 케이스로 변경해줬다.

 

수정된 것 다시 배포하니 잘 나온다!

웬만하면 모든 파일명 같은 것은 스네이크 케이스 기법이 좋은 것 같다. 이래저래 귀찮아지고 수정이 힘들어지는 경우가 생김..🥲