live server는 적용되는데 index.html을 더블클릭하... - 인프런

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

live server는 적용되는데 index.html을 더블클릭하면 아무것도 안되어 있어요..

작성

266

수정됨

featherlight 하다가 다 깨져있어서 featherlight 문제인가 했는데

html파일 자체가 scss로 작업한 게 적용이 안되어있더라구요...

라이브서버로 보면 잘 되어있어서 미처 몰랐는데 index.html 더블클릭하니

스타일이 하나도 안되어있습니다ㅠㅠ 뭐가 문제일까요...??

**SCSS로 디자인한 걸 featherlight로 어떻게 해야하는 지 알려주세요...!

답변 1

지식공유자

라이브서버로 보면 잘 되어있어서 미처 몰랐는데 index.html 더블클릭하니

스타일이 적용이 안되는건 대부분 절대주소로 작업된걸 탐색기에서 html 파일을 열면 안됩니다.

슬래시(/)로 시작하는 절대주소는 서버환경 곧, 라이브서버에서만 보이는 시스템입니다.

만약 탐색기에서 html 파일을 열어서 보이게 하려면 모든 경로를 상대주소로 바꾸어야 합니다.

ex) /images/aaa.png ==> images/aaa.png

ex) /css/style.css ==> css/style.css

하지만 html 파일을 탐색기에서 열어서 보는건 의미가 없습니다. 당연히 서버 환경에서 잘 보이는게 목적이니까 그냥 절대주소로 놔두세요.

질문자

아! 감사합니다!