2021.03.30 (화) 니코쌤 클론코딩 첫번째 끝! ( gh-pages, 폴더명 '대'문자일 경우의 에러 문제)

다행히 4월이 되기 전에 다 끝내서 정말 다행이야~ 다행이야~

 

github desktop으로 new branch -> gh-pages로 해서 무료 호스팅을 하려 했는데 문제가 하나 발생했다. 뭔디?

내 컴퓨터 내의 파일로만 들어가면 잘만 나오던 css가 public한 공간에선 css가 표현되지 않는 문제가 발생했다.

 

이런 오류의 근본적인 원인은 폴더명이 '대'문자라서 그렇다는 글을 어디서 봤었는데, 정확했다.. 내가 css 폴더명을 대문자로 해놔서 github에서 작동하질 않았던 것이였다.  나름 짱구를 돌리며 인터넷을 찾아봤지만 생각보다 방법은 더 간단했다.

 

★ 그냥 github desktop에서 branch를 main으로 바꿔논 상태에서 바탕화면에 있는 기존 CSS파일을 복붙해서 아무런 소문자 폴더명(나는 css니까 cascading으로 바꿨다.)으로 바꾼 후, 기존 것들은 지우면 github desktop의 main branch에서 changes들이 엄청 나타날 것이다. 그럼 일단 commit(예를 들어, error fixing)해서 push해놓은 상태로 branch를 gh-pages로 돌리고 나서 상단 메뉴바의 branch -> update from main(main으로부터 업데이트 하고 싶어!) 누르면 changes엔 당연히 아무런 변화가 없지만, history엔 방금 전 main branch에서 commit하고 push한 변경된 정보들이 뜰 것이다. 그럼 여기서 그냥 바로 push만 누르면 된다. 그리고 깃허브 사이트 들어가서 확인해보면 깃허브에서도 css가 제대로 작동하는 것을 확인할 수가 있다. ★

 

+++ 아 그리고 당연히 폴더명을 CSS에서 cascading으로 바꿨으니까 모든 .html에서 styles.css파일 경로를

css/styles.css에서 --> cascading/styles.css로 꼭!! 바꿔줘야 css가 적용되겠지???!!! +++ ★

 

(휴..니코쌤 죄송함다. 찾아보지도 않고 바로 질문이나 해서..반성합니다.)

 

그래도 이제 무-야-호-반-복하면서 Js하러 가야지~