CSSใซ็ฟผใใคใใใตใน(SCSS)
ในใใผใใชCSSใฎไฝๆ๏ผ Sass (SCSS) Sass (Syntactically Awesome Style Sheets)
ๅ่ฌ็ 635ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้

- ๆช่งฃๆฑบ
๋ฏธ๋์ด ์ฟผ๋ฆฌ ํธ์ถ ์์(ํ๋ฉด์ฌ์ด์ฆ)
๋ฏธ๋์ด ์ฟผ๋ฆฌ ๊ด๋ จํ์ฌ ์ง๋ฌธ์ด ์์ต๋๋ค.SCSS ์์ ๋ฏธ๋์ด ์ฟผ๋ฆฌ ์์ฑ์ ํ๋ฉด ์ฌ์ด์ฆ๊ฐ ํฐ๊ฒ ๋ถํฐ ์์ฑํด์ผ ํ๋ค๊ณ ์ ๊ฐ์์์ ์ด์ผ๊ธฐ ํ์ จ๋๋ฐ์ด๋ฒ ๊ฐ์์์๋ index.scss ์์ ํธ์ถ์@include mq('ph
HTML/CSSsasscommontype
ใป
0
415
1
- ๆช่งฃๆฑบ
h2์ background
๋๋ํ์ ํธ๋ฒํ๋ฉด 'invalid p
html/cssHTML/CSSsassyehg10043419
ใป
0
467
1
- ๆช่งฃๆฑบ
๋ช ๋ น ํ๋กฌํฌํธ
์ฌ๊ธฐ์ ๋์ ํ ๋ค์์ผ๋ก ๋์ด๊ฐ์ง์ง ์
sassHTML/CSSไฝๆ่ ใชใ
ใป
0
762
1
- ๆช่งฃๆฑบ
SASS Lint ๋ฌธ๋ฒ ์ค๋ฅ ์ถ๋ ฅ
์๋ ํ์ธ์ ๊ฐ์ฌ๋~ ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค! ๋ค๋ฆ์ด ์๋๋ผ ๊ฐ์ ์ด๋ฐ SASS๋ฆฐํธ๋ฅผ ์ค์นํด์ ์ฌ์ฉํ๋ผ๊ณ ํ์ ์ ์ค์น๋ฅผ ํ๋๋ฐ ๊ฐ์ฌ๋ ์์์์๋ ๊ทธ๋ ๊ณ ์ PC์์๋ ๋ณด๋๋ฐ๋ ํจ๋์ฐฝ์์ SASS ๋ฆฐํธ ๋ฌธ๋ฒ ์ค๋ฅ๊ฐ ๋์ค๋๊ตฐ์.. ํน
scsssasslintHTML/CSSnim7302081
ใป
0
348
0
- ๆช่งฃๆฑบ
์๋ธํ์ด์ง์ ๊ฒฝ์ฐ ์ํฌํธ ์์น๋ main๊ณผ footer์ ํด์ฃผ๋ฉด ๋ ๊น์?
์๋ ํ์ธ์ ์ ์๋ ํ์ฌ ์ฌ์์์ด ์ ์ ํผ๋ธ๋ฆฌ์ ๋ก ์ผ ํ๊ณ ์๋๋ฐ sass๋ฅผ ์จ๋ณด๊ณ ์ถ์ด์ ์คํฐ๋ ์ค์ ๋๋ค. ์ ํฌ ํ์ฌ์ ๊ฒฝ์ฐ ํ๋์ ์คํ์ผ ์ํธ์ ๋ชจ๋ ํ์ด์ง์ css๋ฅผ ๋ค ๋๋ ค๋ฃ์ด์ ๊ด๋ฆฌ ํ๊ณ ์์๋๋ฐ <p
sassHTML/CSSmilktea
ใป
0
284
1
- ๆช่งฃๆฑบ
Wrap up - Boxes Project - 1,2
Wrap up - Boxes Project - 1,2 ์ ์ฌ์ฉ๋ ์์ ์์ค๋ฅผ ๋ฐ์์ ์์๊น์?
sassHTML/CSSqwerew07016
ใป
0
246
1
- ๆช่งฃๆฑบ
watch sass ๋ฅผ ํด๋ฆญํด๋
css ํ์ผ์ด ์๊ธฐ์ง ์์ต๋ใ ๋ค
HTML/CSSsassqwerew07016
ใป
0
517
1
- ๆช่งฃๆฑบ
sass ํ์ผ๋ช ๊ณผ ๋ค๋ฅธ css ํ์ผ๋ช ์ ๋ง๋ค๊ณ ์ถ์ ๋ ์ด๋ป๊ฒ ํด์ผ ํ๋์?( live sass compiler )
live sass compiler ์ค์ ์ ์๋ฅผ ๋ค์ด main.scss ํ์ผ์ด ์๋๋ฐ, ์ปดํ์ผ ํ ์์ฑ๋๋ css ํ์ผ์ ๋ช ์ style.css๋ก ๋ง๋ค๊ณ ์ถ์ผ๋ฉด ์ด๋ป๊ฒ ํด์ผ ํ ๊น์ ใ ใ ?
sassscssHTML/CSSsass์ ์ฒ๋ฆฌ๊ธฐlivesasscompilermilktea
ใป
0
466
1
- ๆช่งฃๆฑบ
index.css @import๋ฅผ ๋๋ค์ผ๋ก ํฉ๋๋ค.
<img src="https://cdn.inflearn.com/public
sassHTML/CSSmillfeel12987042
ใป
0
472
1
- ๆช่งฃๆฑบ
scss -> css ํ์ผ ๋ณํ ์ค๋ฅ
์๋ ํ์ธ์, ์ ์๋. ๋งค๋ฒ ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค. ์ด๋ฒ์ 14๊ฐ์ ๋ค์ผ๋ฉฐ @include ์ด๋ฐ ๊ธฐ๋ฅ๋ค์ ๋ฐฐ์ฐ๊ณ ์๋๋ฐ์, ๋ค๋ฆ์ด ์๋๋ผ ๊ฐ๋ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ์์ ํ๋ค๋ณด๋ฉด scssํ์ผ์ ์ค๊ฐ์ค๊ฐ ์ ์ฅํ๋ฉด์ css๊ฐ ๊ทธ๊ฒ์ ๋ง์ถฐ ๋ฐ๋๋ ๋ชจ์ต์
sassHTML/CSScammyn23528
ใป
0
1,239
1
- ๆช่งฃๆฑบ
vs code ์ค์ ์์ html์์์~
<img src="https://cdn.inflearn.com/public/files/posts/e60e60b6-c8a2-49c5-ab34-4ce8e6795c35/Untitled-1.jpg" title="Untitled-1.jpg" width="616" heigh
HTML/CSSsassbokiri99992826
ใป
0
331
2
- ๆช่งฃๆฑบ
Live Sass Compiler more์์ ์์ ์์ญ ์ค์ ๋ถ์ฌ๋ฃ๊ธฐ
Live Sass Compiler more ์์ ์์ ์์ญ ์ค์ ์ Live Sass Compiler์ ๋ด์ฉ์ ๋ถ์ฌ๋ฃ๊ธฐ ํ๋ ํญ๋ชฉ์ด ์๋๋ฐ, ๋ฒ์ ์ด ๋ค๋ฅธ์ง ์ค์ ์ ๋ค์ด๊ฐ๋ฉด '์์ ์์ญ ์ค์ '์ด๋ผ๋ ํญ๋ชฉ์ด ์์ด ๋ถ์ฌ๋ฃ๊ธฐํ๋ ๊ณณ์ ์ด๋๋ก ์ค์ ํด์ผํ ์ง ๋ชจ๋ฅด๊ฒ ์ด์ ใ ใ ๊ทธ
sassHTML/CSScammyn23528
ใป
0
310
2
- ่งฃๆฑบ
clearfix ๊ด๋ จ
clearfix ๋ฅผ mixin ์ผ๋ก ์ฐ์ จ๋๋ฐ ๊ฐ์ ์์ฑ ๊ฐ์ ๊ฐ์ผ ๊ฒฝ์ฐ extend ๋ฅผ ์จ๋ ๋๋ค๊ณ ์ด์ ๊ฐ์์์ ๋ง์ํ์ จ๋ ๊ธฐ์ต์ด ๋ฉ๋๋ค. ์ด ๊ฒฝ์ฐ mixin ์ด ์๋ extend ๋ฅผ ์จ๋ ๊ด์ฐฎ์๊ฑฐ์ฃ ?
sassHTML/CSSleh87671680
ใป
0
202
1
- ๆช่งฃๆฑบ
& ๊ด๋ จ ์ง๋ฌธ์ด ์์ต๋๋ค.
์๋์ ๊ฐ์ด ์ฐ๊ฒ ๋๋ฉด .box .box-inner . box-title ๋ก css ํ์ผ์์ ๋ณด์ฌ์ง๋๋ฐ... .box { .box-inner { .
sassHTML/CSSleh87671680
ใป
0
205
0
- ่งฃๆฑบ
Live Sass Complier ์ค์น๋ฅผ ํ๋๋ฐ..
github์ ์ฐ๋๋ ํด๋์ 00_SASS ํด๋๋ฅผ ๋ง๋ค๊ณ ๊ทธ ์์ 00_SASS/scss/test.scss ํ์ผ๊ณผ 00_SASS/index.html ๋ง๋ค์์ต๋๋ค. ์ ์๋๊ณผ ๋์ผํ๊ฒ ๋ฐํํ๋ฉด
HTML/CSSsassleh87671680
ใป
0
1,489
5
- ๆช่งฃๆฑบ
์ธ์์ ๋ฌ๋ฌ$ ํ์๋ ๊ถ์ฅ ์ปจ๋ฒค์ ์ธ๊ฐ์?
์ธ์์ ์์ฑํ์ $ํ์๋ scss mixin์ธ์๋ฅผ ์์ฑํ ๋ ๋ฃ์ผ๋ฉด ์ข์ ๊ท์น์ธ๊ฐ์?
sassHTML/CSSjumpingboys3274
ใป
0
442
2
- ๆช่งฃๆฑบ
Scss์ ๊ฒฝ๊ณ ์ฐฝ
<img src="https://cdn.inflearn.com/public/files/posts/e9190837-35d7-4ea7-92eb-31618059c1a6/แแ ณแแ ณแ แ ตแซแแ ฃแบ 2020-10-25 แแ ฉแแ ฎ 4.35.55.png" title="แแ ณแแ ณแ แ ตแซแแ ฃ
HTML/CSSsasso0o0o2571
ใป
0
312
1
- ๆช่งฃๆฑบ
VsCode์ฌ์ฉ๋ฒ์ค ์ง๋ฌธ
์๋ ํ์ธ์, ์ง๋์ ๊ฐ์์ ๊ฐ์ฌํ ๋ฐ๋ฆ์ ๋๋ค. Vscode ์ฌ์ฉ๊ฐ if๋ฌธ ์ฌ์ฉ์ ' ' ๋ฅผ ํ์ดํ ํ๊ณ ์ ์ฅ์ ๋๋ฅด๋ฉด " " ๋ก ์๊พธ ์๋ ๋ณํ๋๋๋ฐ ์ด๋ ์ด์ฐ ๋ฐฉ์ง ํ ์ ์๋์.. ๊ตฌ๊ธ๋ง์ ํด๋ ์ํ๋๋ฐ๋ฅผ ์ฐพ์ง ๋ชปํ์ด์ ใ ใ <
sassHTML/CSSo0o0o2571
ใป
0
302
2
- ๆช่งฃๆฑบ
.mapํ์ผ
์๋ ํ์ธ์, ์ปดํ์ผํ ์์ฑ๋๋ .cssํ์ผ๊ณผ .mapํ์ผ ์ค .mapํ์ผ์ ์ญ์ ํด๋ ๋ฌด๊ดํ๊ฑด๊ฐ์??
sassHTML/CSSo0o0o2571
ใป
0
353
1
- ่งฃๆฑบ
์๋ ํ์ธ์ vs์ฝ๋ ์ค์ ์ค์ ๋๋ํ ํ์๊ฐ ๋จ๋๋ฐ์~
์๋ ํ์ธ์ vs์ฝ๋ ์ค์ ์ค์ ๋๋ํ ํ์๊ฐ ๋จ๋๋ฐ์~ ์ค์ ์ ์ ํ๊ฑด์ง ๋ชจ๋ฅด๊ฒ ์ด์ ํ ๋ฒ ๋ด์ฃผ์ค ์ ์์ผ์ ๊ฐ์~? ์ฃ์กํฉ๋๋ค ใ ใ ์ ์ด๋ฐ ์๋ฌ๊ฐ ๋จ๊ณ ๋ฌธ์ ๊ฐ ์๊ธฐ๋์ง ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.<img src="https://cdn.i
HTML/CSSsassmilktea
ใป
0
569
1

