inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS에 날개를 달아주는 Sass (SCSS)

[지난 내용] Visual Studio Code 설정 자세한 설명 (with Live Sass Compiler)

sass 파일명과 다른 css 파일명을 만들고 싶을 땐 어떻게 해야 하나요?( live sass compiler )

471

밀크티

작성한 질문수 26

0

 live sass compiler  설정시

예를 들어

main.scss 파일이 있는데,

컴파일 후 생성되는 css 파일의 명은

style.css로 만들고 싶으면 어떻게 해야 할까요 ㅠㅠ?

sass scss HTML/CSS 전처리기 livesasscompiler

답변 1

0

DEvSIGNER

scss는 동일한 파일명으로 컴파일 됩니다. 즉 style.css를 만들고 싶으시면 style.scss로 파일로 사스를 작성하셔야 되죠.

제가 자세히 깊이있게는 말씀 못 드리지만 사스는 응용하기 나름입니다.

즉 프로그래밍적으로 모듈화를 어떻게 시키느냐에 따라 효율성있고 재사용 가능하게도 만들 수 있죠

단적으로 말씀드리면 main.scss를 style.scss로 하시고 싶으시면

_main.scss 파샬(partial)을 style.scss에서 임포트시키면 될 거구요.

미디어 쿼리 호출 순서(화면사이즈)

0

417

1

h2에 background

0

471

1

명령 프롬포트

0

765

1

SASS Lint 문법 오류 출력

0

350

0

서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요?

0

292

1

Wrap up - Boxes Project - 1,2

0

247

1

watch sass 를 클릭해도

0

520

1

index.css @import를 랜덤으로 합니다.

0

475

1

scss -> css 파일 변환 오류

0

1241

1

vs code 설정에서 html에서요~

0

339

2

Live Sass Compiler more에서 작업 영역 설정 붙여넣기

0

317

2

clearfix 관련

0

203

1

& 관련 질문이 있습니다.

0

206

0

Live Sass Complier 설치를 했는데..

0

1490

5

인자에 달러$ 표시는 권장 컨벤션인가요?

0

443

2

Scss의 경고창

0

314

1

VsCode사용법중 질문

0

303

2

.map파일

0

356

1

안녕하세요 vs코드 설정중에 느낌표 표시가 뜨는데요~

0

572

1

안녕하세요 현재 수강중인 학생입니다.

0

184

1

설정 관련해서 질문 드립니다.

0

313

2

구글드라이브 엑세스 요청 해야 하네요

0

347

2

이미지가 없네요

0

239

3

목소리

0

157

1