안녕하세요, WEBn을 통해 웹프로그래밍을 배우고 이를 프로젝트로 적용하고 있는 학생입니다.
저는 제가 좋아하는 게임을 주제로 하는 웹페이지를 만들고 있습니다.

• 웹페이지 주소 : https://goo.gl/mpn1Gx

웹페이지 기본틀이 완성된 이후, 컨텐츠만 추가하는 일이 남았는데 여기서 문제가 발생했습니다.
로컬저장소에서 작업하는 동안에는 브라우저에서 정상적으로 보이던 png파일들이, Github Pages 호스팅을 통해 볼 때는 404에러를 뿜으면서 나타나지않는 겁니다. (상위메뉴 [Basic]에서 하위메뉴 [튜토리얼]로 들어가보면 해당 현상을 확인할 수 있습니다)

현상은 위와 같으며, 문제가 무엇인지 추측해봤습니다. 404에러가 뜨는 png파일들의 공통점을 찾아보니, 파일확장자가 png(소문자)가 아닌 PNG(대문자)로 되어 있었습니다. img 태그는 <img src="[파일명].png">로 사용되고 있었고 이로 인해 png파일을 제대로 읽어오지 못하는 게 아닐까 생각하게 되었습니다. (하지만 이게 문제라고 보기에는 로컬저장소에서 브라우저로 확인할 때 왜 발견되지않은 건지 모르겠네요)

튜터님들이 보기에 이것이 문제라고 생각하시나요 ? 이것이 문제라면, 앞으로 파일확장자가 소문자인지 대문자인지 잘 구분해야하는지, 아니면 이를 일반적인 프로그래밍을 통해 해결할 수 있는지 궁금합니다. 그리고 이를 해결하기 위해서는 (Github의) 원격저장소를 삭제한 뒤, 다시 원격저장소를 만들고 push하는 방법이 최선인가요 ? (확장자를 고쳐도 commit에 반영이 안 됩니다)

• 원격저장소 주소 : https://goo.gl/iG6CEy