Courses
Reviews
- Sass (SCSS), giving wings to CSS
- Sass (SCSS), giving wings to CSS
- Sass (SCSS), giving wings to CSS
- Sass (SCSS), giving wings to CSS
- Sass (SCSS), giving wings to CSS
Posts
Q&A
h2์ background
์๋ ํ์ธ์~ ์ด์ฌํ ํ์ตํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.์ผ๋จ ์ฒจ๋ถํด์ฃผ์ ๊ทธ๋ฆผ์ด ์ ์๋ณด์ด๋๋ฐ ์ค๋ฅธ์ชฝ ๋ ธ๋์ผ๊ฐํ์ ๋๋ํ๊ฐ ๋ด๋ค๋ ๊ฒ์ ๊ทธ ์์ฑ์ด ์ ์ฉ์ด ์๋๋ค๋ ๊ฒ์ธ๋ฐ์๋จผ๊ฐ ์คํ๋ ๊ฐ์ด ์ ๋๋ก ์ ๋ ฅ์ด ์๋์ ์ ๋๋ค. invalid property value๋ผ๊ณ ๋์ด์๋ ๊ฑธ ๋ด์ ๊ฐ ๋ถ๋ถ์ด ์๋ชป๋์ด์๋ ๊ฑฐ ๊ฐ์ต๋๋ค.background(์์ฑ): linear...(๊ฐ)
- 0
- 1
- 419
Q&A
๋ช ๋ น ํ๋กฌํฌํธ
์๋์ฐ ๊ธฐ๋ณธ ๋ช ๋ นํ๋กฌํํธ์์๋ C:๏ฟฆUsers๏ฟฆ์ฌ์ฉ์๋ช ๏ฟฆDesktop ์ด ๋ฐํํ๋ฉด ๊ฒฝ๋ก์ ๋๋ค.๊ทธ๋ฆฌ๊ณ Git์ ์ค์นํด์ ์ฌ์ฉํ๋ Git Bash์์๋ cd ~ ํ๋ฉด ์ฌ์ฉ์ํด๋๋ก ์ด๋ํ๊ณ ๊ฑฐ๊ธฐ์ cd Desktopํ๋ฉด ๋ฐํํ๋ฉด ํด๋๋กณ๊ฐ๊ฒ๋๊ตฌ์cd๋ Change Directory ๋ช ๋ น์ด ์ ๋๋ค
- 0
- 1
- 702
Q&A
์๋ธํ์ด์ง์ ๊ฒฝ์ฐ ์ํฌํธ ์์น๋ main๊ณผ footer์ ํด์ฃผ๋ฉด ๋ ๊น์?
์๋ ํ์ธ์ ๊ฐ์ ์ ๋ค์ด์ฃผ์๊ตฌ ์ ํ์ฉํด์ฃผ์ ์ ๋๋ฌด ๊ฐ์ฌํฉ๋๋น ๊ฐ ํ์ด์ง ๋ณ๋ก css๋ฅผ ๋ฐ๋ก ๋๋ค๊ณ ํ๋ฉด ํ์ด์ง๊ฐ index, sub1, sub2 ์๋ ๊ฒ ์๋ค๊ณ ์ณค์ ๋ ํฌ๊ฒ ์๋์ ๊ฐ์ด ๋ถ๋ฅ๋ฅผ ํ๊ตฌ์ A. ์ผ๋จ ๋ชจ๋ ํ์ด์ง์ ๊ณตํต์ ์ธ ๊ฒ๋ค (ํ์ฌ๋ค - _variables, _mixins, ...๋ฑ) B. ๊ทธ๋ฆฌ๊ณ ๊ฐ ํ์ด์ง์๋ง ํด๋นํ๋ ์คํ์ผ index.scss์์๋ A๋ค ์ํฌํธ ๊ทธ๋ฆฌ๊ณ index์๋ง ํด๋นํ๋ ์คํ์ผ ์์ฑ (๋๋ _index.scss์ํฌํธ) sub1.scss์์๋ A๋ค ์ํฌํธ ๊ทธ๋ฆฌ๊ณ sub1ํด๋นํ๋ ์คํ์ผ ์์ฑ (๋๋ _sub1.scss์ํฌํธ) sub2.scss์์๋ A๋ค ์ํฌํธ ๊ทธ๋ฆฌ๊ณ sub2ํด๋นํ๋ ์คํ์ผ ์์ฑ (๋๋ _sub2.scss์ํฌํธ) ์ด๋ฐ์์ผ๋ก ํด์ ๊ณตํต์ ์ธ ๊ฒ๋ค๊ณผ ๊ฐ๋ณ์ ์ธ ๊ฒ๋ค ํจ์จ์ ์ผ๋ก ๋๋์๋ฉด ์ด๋จ๊น ์ถ๋ค์ ใ
- 0
- 1
- 246
Q&A
Wrap up - Boxes Project - 1,2
์๋ ํ์ธ์ ์ฃ์กํฉ๋๋ค. ใ ใ ๊ทธ ๊ฐ์ ๋ด์ฉ์ ์ฐ์ธ ์์ค๋ ๋ฐ๋ก ์ ๊ณต์ ์ํด๋๋ ธ์ต๋๋ค. ์ ๊ฐ ๊ฐ๊ณ ์์ผ๋ฉด ๋ณด๋ด๋๋ฆฌ๊ณ ์ถ์๋ฐ ์ SSD๊ฐ ์ผ๋ง์ ์ ์ด๋ช ์ ๋ฌ๋ฆฌํด์ ์์ฑํด๋์ ํ์ผ๋ ๋ ๋ผ๊ฐ๋ฒ๋ ธ๋ค์ ์ชผ๋๋ง ๋ถํธํ์๋๋ผ๋ ์ง์ ํ์ดํํด์ฃผ์ จ์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
- 0
- 1
- 221
Q&A
watch sass ๋ฅผ ํด๋ฆญํด๋
์๋ ํ์ธ์ watch sass๋ฅผ ํด๋ฆญํด๋ cssํ์ผ์ด ์๊ธฐ์ง ์์ผ์๊ตฐ์ ๊ทธ๋ ๋ค๋ฉด ์ผ๋จ ๋ณด์ ์ผํ ๊ฒ์ด ๋ฌด์กฐ๊ฑด css๋ฅผ ์์ฑํ๋ ๊ฑด ์๋๊ตฌ์ scssํ์ผ ์์ฑ์ ๋ฌธ๋ฒ์ ์ธ ๊ฒ์ด๋ ์คํ ๊ฐ์ ์๋ฌ๊ฐ ์์ด์ผ ๋ฉ๋๋น. ํ๋ฒ ์ฒดํฌ ํด๋ณด์ธ์
- 0
- 1
- 466
Q&A
sass ํ์ผ๋ช ๊ณผ ๋ค๋ฅธ css ํ์ผ๋ช ์ ๋ง๋ค๊ณ ์ถ์ ๋ ์ด๋ป๊ฒ ํด์ผ ํ๋์?( live sass compiler )
scss๋ ๋์ผํ ํ์ผ๋ช ์ผ๋ก ์ปดํ์ผ ๋ฉ๋๋ค. ์ฆ style.css๋ฅผ ๋ง๋ค๊ณ ์ถ์ผ์๋ฉด style.scss๋ก ํ์ผ๋ก ์ฌ์ค๋ฅผ ์์ฑํ์ ์ผ ๋์ฃ . ์ ๊ฐ ์์ธํ ๊น์ด์๊ฒ๋ ๋ง์ ๋ชป ๋๋ฆฌ์ง๋ง ์ฌ์ค๋ ์์ฉํ๊ธฐ ๋๋ฆ์ ๋๋ค. ์ฆ ํ๋ก๊ทธ๋๋ฐ์ ์ผ๋ก ๋ชจ๋ํ๋ฅผ ์ด๋ป๊ฒ ์ํค๋๋์ ๋ฐ๋ผ ํจ์จ์ฑ์๊ณ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ๊ฒ๋ ๋ง๋ค ์ ์์ฃ ๋จ์ ์ผ๋ก ๋ง์๋๋ฆฌ๋ฉด main.scss๋ฅผ style.scss๋ก ํ์๊ณ ์ถ์ผ์๋ฉด _main.scss ํ์ฌ(partial)์ style.scss์์ ์ํฌํธ์ํค๋ฉด ๋ ๊ฑฐ๊ตฌ์.
- 0
- 1
- 412
Q&A
index.css @import๋ฅผ ๋๋ค์ผ๋ก ํฉ๋๋ค.
์๋ ํ์ธ์ ์ผ๋จ ๋ฌ๋ค๊ฐ ์๋ฌ๋ค๊ฐ ๋๋ค์ด๋ผ๊ณ ํ์๋ ์ ๋ ์ ํํ ์์ธ์ด ๋ญ์ง๋ ๊ฐ๋ ์ด ์๋๋ค์ ํน์ ๊ด์ฐฎ์ผ์๋ค๋ฉด ์์ค๋ฅผ ๋ฉ์ผ๋ก ๋ณด๋ด๋ด์ฃผ์ค ์ ์์ผ์ ์ง์? ์์ค๋ฅผ ํ์ธํด๋ด์ผ๋ ๊ฑฐ ๊ฐ์์์
- 0
- 1
- 434
Q&A
scss -> css ํ์ผ ๋ณํ ์ค๋ฅ
์ ์ด์ฌํ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋น^^ ์ผ๋จ ๋ณด๋๊น scss์์ css๋ก ๋ณํ์ด ์ํ์ด ์ ์๋์ด์ ๊ทธ๋ฌ์ ๊ฑฐ ๊ฐ์๋ฐ์ ๋ค ์ ์ฅํ ๋ ๋ง๋ค ๋ฌด์กฐ๊ฑด ๋ณํ์ด ๋๋ ๊ฒ ์๋๊ตฌ์ ๋ณํํ ๋ ์์ฑํ scss ๋ฌธ๋ฒ์ ์ค๋ฅ๊ฐ ์์ด์ผ ๋ณํ์ด ๋ฉ๋๋ค. ์ค๋ฅ๊ฐ ์์ผ๋ฉด ๋ณํ์ด ์๋๊ตฌ์ ์ฒจ๋ถํด์ฃผ์ ์ด๋ฏธ์ง ํ๋จ์ ๋ณด์๋ฉด ...error๋ผ๊ณ ๋์ด์์ฃ ? error๊ฐ ์๋ค๋ ๊ฑด ์์ฑํ scss ๋ด์ฉ ์ค์ ๋ฌธ๋ฒ์ ์ธ ์ค๋ฅ๊ฐ ์๋ค๋ ๋ง์ด๊ตฌ์ ํ๋ฒ ๋ฌธ๋ฒ์์ ์ค๋ฅ๊ฐ ์๋ ์ง ํ์ธํด๋ณด์๊ตฌ ๋ค์ ํด๋ณด์ธ์ ๊ทธ๋ผ ํ์ดํ ํ์ธ์!
- 0
- 1
- 1.2K
Q&A
vs code ์ค์ ์์ html์์์~
๋ค ์๋ ํ์ธ์ ์ ๋ค์ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ์๋ ํ๊ทธ๊ฐ ์ฌ์ด์ ๋ค์ด๊ฐ๋ ๋ด์ฉ์ด ์์ ๋ ์ฌ์ด ๋ค์ด๊ฐ๋ ๋ด์ฉ ์ด๋ฐ ์์ผ๋ก ์์ ์ด๋ฃจ์์์? ์ฌ๋ ํ๊ทธ , ๋ซ๋ ํ๊ทธ ๊ทผ๋ฐ ๋ค์๊ณผ ๊ฐ์ ์ด๋ฏธ์ง ํ๊ทธ๋ ์์ ์บก์ณํด์ฃผ์ ํ๊ทธ๋ ์์ด ์์ด ๊ทธ๋ฅ ํ๋์ ํ๊ทธ๋ก๋ง ์์ฃ ? (์ฌ์ง) ๋ฑ๋ฑ ์๋๋ฉด (์ฌ์ง)A์ด๋ฏธ์ง๋ ๊ทธ๋ฆผ ๊ทธ ์์ฒด์ธ๋ฐ A๋ผ๋ ๋ด์ฉ์ด ์ด๋ฏธ์ง ์ฌ์ด์์ ๋ค์ด๊ฐ๋ ๊ฒ ๋ง์ด ์๋์์์? ใ ๊ทธ๋์ img์ ๊ฐ์ ์์ด ์๋ ํ๊ทธ๋ ๊ทธ๋ฅ ํ๋๋ก ์ฐ๋ฉด์ (์ฌ์ง) ์์ฒด์ ์ผ๋ก ๋ซ์๋ฒ๋ฆฌ๊ฒ ๋๋ ๊ฒ ๋ง์ต๋๋ค. ๊ทธ๋์ ๋์ ์์ฒด์ ์ผ๋ก ๋ค๋ /> ์ด ๋ถ์ต๋๋ค. prettier๊ฐ ๊ทธ๊ฑธ ์์์ ์๋์ผ๋ก ๋ซ์์ฃผ๋ ๊ฒ์ด๊ตฌ์.
- 0
- 2
- 283
Q&A
Live Sass Compiler more์์ ์์ ์์ญ ์ค์ ๋ถ์ฌ๋ฃ๊ธฐ
์๋ ํ์ธ์. ์ผ๋จ, ์์ ์์ญ์ค์ ์ Live Sass Compiler๋ง ํ์ธ์. ๋ค๋ฅธ ์ค์ ํญ๋ชฉ๋ค์ ๋์ค์ VS Code๊ฐ ๋ ์ต์ํด์ง์๋ฉด์ ํด๋ณด์๊ตฌ์. ๊ธ๊ผด ๋ฑ์ด ๋ฆฌ์ ์ด ๋๋ ๊ฑด ์ ๋ ์๊ทธ๋ฐ์ง๋ ์ ๋ชจ๋ฅด๊ฒ ๋ค์. ์ ์ ํ๋ฉด์ด๋ ๋ฆฌ์ ๋๋ ํ๋ฉด ํ๋ฒ ์บก์ณํด์ ์ฒจ๋ถํด์ฃผ์๋ฉด ์ ๊ฐ ํ์ ํ๋ ๋ฐ ๋์์ด ๋ ๊ฒ ๊ฐ์์. ํ์ดํ ํ์ธ์!
- 0
- 2
- 261