[TIL] github 배포 시 css와 javascript가 적용이 안될 때

 

 

개인과제를 끝내고 개인 github에 등록한 뒤 배포를 해보았다.

그러나 css와 javascript 적용이 안되고 html 뼈대만 덩그러니 나타나는 현상이 일어났다.

 

 

html만 남은 휑한 웹페이지

 

 

아무래도 css 파일과 script 파일을 연결할때에 이상이 생긴 것 같다.

 

문제의 html

 

 

원래는 css파일과 script파일을 연결할때 '/'를 입력하여 자동으로 아래에 뜨는 파일들을 택해 넣었었다.

그런데 하나의 폴더에 파일들을 다 넣었음으로 '/'는 없어도 연결이 가능하다.

그래서 링크태그에 있는 '/'를 다 지웠다.
원래는 이미지도  이미지폴더를 따로 만들어 넣었으나

배포 시 똑같이 적용이 안되어 다시 꺼내왔다.

폴더가 하나인데 폴더가 하나 더 있는 걸로 인식해서 배포할때 경로를 못 찾았던 것 같다.

 

한 폴더에 담긴 파일들

 

 

/를 다 지우고 연결한 html문서

 

 

문제해결!

도움이 되셨길 바라며!