깃허브 이미지 업로드 오류

 

 

도대체 어디가 잘못 된 거야...

 

위코드 사전스터디가 시작되었다.
떨리는 마음으로 첫 주차 과제를 하게되는데 첫 과제부터 오류가 빵빵..

 

첫 주차 과제는 HTML 및 CSS로 간단하게 자기 소개 페이지를 만드는 것이었다.
완성 후에는 깃 허브에 업로드 하여 다른 동기들도 볼 수 있게끔 호스팅 까지 해야 과제 완료였다.

 

뭐 이정도 쯤이야!...?

 

 

첫 주차라 그런지 뭐 별거없군! 하고 뚝딱 만들어봤다. 물론 네비게이션바 또는 애니메이션 효과 까진 못 넣었다..
그건 좀 더 공부해서 리뉴얼 할 계획이다.

 

아직 초보티가 팍팍 나지만 그래도 내가 공부한 html과 css로 무언가 눈에 보이는 결과물을 만들어 냈다는게 신기했다.

 

 

그런데 뭔가 이상했다...

 

호스팅 하기 전 html파일을 열어봤을때는 잘 보이던 이미지가 깃허브에 호스팅을 하고나니 전혀 보이지 않는 문제가 발생했다... 왜...ㅠ 나는 하라는 대로 했는데 도대체 왜!

 

 

텍스트는 보였지만 사진이 전혀 보이지 않았다. 링크도 잘 실행됐지만 링크된 화면의 사진도 전혀 보이지 않고 저렇게 물음표만 찍고 있었다. 문제를 해결하기 위해 구글링에 나섰다.

유튜브 깃허브 이미지 업로드 등등 찾아 볼 수 있는 자료는 거의 다 찾아봤다.

 

하지만 내 페이지는 여전히 물음표가 사라질 기미가 보이지 않았다.

 

팀원들에게 물어봐도 이미지 업로드가 문제 되는 분은 없었다. 구글링으로 해결 할 수 없어 (아직 검색능력이 미숙한 탓이다.)
팀원분들의 repository 파일과 내 파일을 비교해봤다. 소스코드, 링크, 이미지 파일 등등 개수만 다르고 코드만 조금 다를 뿐
전혀 문제점을 발견하지 못했다.

 

그렇게 꼬박 하루가 흘렀다.

 

문제의 자기소개 페이지만 붙잡고 있을 수는 없어서 파이썬 문법을 복습하고있었다.

 

한시간쯤 지났다.

 

파이썬 공부를 하고있지만 머리 한귀탱이에선 자꾸만 자기 소개 페이지가 생각이 났다.

그러던 중 마침 문법 책의 참고자료가 눈에 들어왔다.

'파이썬에서 변수 명으로 한글도 가능은 하지만 관례상 영어로 표기한다.'

 

설마?? 설마??
갑자기 내 자기소개 페이지 파일명이 번뜩 떠올랐다.

 

 

바로 깃허브에 접속했고 내 저장소 파일을 보았다.
변수명만 영어로 하면 되는거 아닌가? 설마 파일명도 한글로 해야 되는건가?? 싶었다.

 

그래도 한번 변경 해보기로했다.

 

 

 

변경 완료.. 그리고 다시 한번 접속을 해보았다... (두근 두근)

 

감격! 또 감격!

 

 

드디어... 이미지가 보였다. 그리고 링크페이지로 넘어가서도 이미지가 잘 보였다.
하지만 무엇때문에 파일명 변경으로(한글 -> 영어) 오류가 해결이 되었는지는 파악을 못하였다 ㅠㅠ
그냥 추측컨데 파일명이 한글이면 깃허브에서 인식하는데 오류가 있지는 않을까 조심스레 생각해본다.

 

훗날 시간이 흘러 지금보다 더 실력이 쌓인 후에 에러의 원인을 알게 된다면 다시 이 페이지로 와서
설명하는 글을 포스팅 하겠다. 꼭!! 반드시!

 

요약: 변수명 and 파일명 일단 영어로!!