inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

382

이유정

작성한 질문수 3

1

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

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

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

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

 

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

HTML/CSS javascript sass jquery scss

답변 1

0

코딩웍스(Coding Works)

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

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

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

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

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

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

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

0

이유정

아! 감사합니다!

SCSS에서 @keyframes 사용

1

105

1

전체 색 설정 질문

1

132

2

피그마 원본 다운로드

1

327

2

영상 싱크가 맞지 않습니다!

1

165

2

수강평 작성이 안되네요..

1

149

1

피그마로 셀렉트 박스 인터렉션도 되도록 하려면?

1

223

1

피그마 ai 기능 괜찮은거 추천해주실수 있나요?

1

196

1

테이블 그리려고 하는데 어려워요

1

234

2

[PC 레이아웃 상세 퍼블리싱 - 인클루드] class-detail 에서 인클루드가 작동하지 않아요.

1

180

3

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

1

145

1

활성화 중인 scss 하나만 css 로 컴파일 가능할까요?

1

295

2

실수로 style.css를 지워버렸습니다...

1

191

1

slick slide 클레스 네임 관련

1

261

1

장바구니페이지 관련 질문입니다.

1

288

1

네비게이션 클릭시 헤더높이로 인해 제목 가리는 부분 해결방안

4

310

1

소스텍스트는 제공이 안되나요?

1

285

1

섹션 4. SCSS 핵심 이론(Essential Theory) 완성예제는 따로 없을까요?

1

271

2

SCSS

1

281

2

scss

1

381

3

spoqa han sans neo

1

1031

3

모바일웹 소스가 없습니다.

0

278

1

scss 히스토리 파일

1

453

2

figma 파일 임포팅이 되지 않습니다.

1

2055

2

Html 코드 스니펫 문의

1

283

1