강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

ujeongs1206266 のプロフィール画像
ujeongs1206266

投稿した質問数

SCSS(SASS)+FLEX 実戦レスポンシブWebプロジェクト with Figma

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

作成

·

375

·

編集済み

1

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

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

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

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

 

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

HTML/CSSjavascriptsassjqueryscss

回答 1

0

codingworks님의 프로필 이미지
codingworks
インストラクター

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

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

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

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

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

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

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

아! 감사합니다!

ujeongs1206266 のプロフィール画像
ujeongs1206266

投稿した質問数

質問する