์ด๋ฆ ์ค์ ํ Add.gitignore ์ฒดํฌ, template node ์ค์ ํ repository ์์ฑ.HTTPS ์ url๋ณต์ฌ.๋ช ๋ น ํ๋กฌํํธ์ git clone url๋ก์ปฌ ์ปดํจํฐ์ ํด๋ ์์ฑ !vs code ์์ ํ์ผ ์ด๊ณ terminal ์ด๊ณ npm init ์ผ๋ก
1. HTML Document ์ ์ & Webfont ์ ์ฉ HTML Document ์ ์ ์ฌ์ฉํ๋ ๋ํ์ ์ธ ์ธ์ด๊ฐ ํ๊ตญ์ด์ด๊ธฐ ๋๋ฌธ์ ko ์ฌ์ฉ. // ko-KR : ํ๊ตญ์์ ๋ง๋ค์ด์ง ์๋น์ค๋ผ๋ ๋ป. ๋ฐ์ํ์ ์ํ meta ํ๊ทธ title ์ ๊ตฌ์ฒด์ ์ด๊ฒ! ํนํ ์คํ
All ์๋ฌธ์ - ๋ชจ๋ ์๋ฌธ์๋ก ์ฐ๋ ๊ฒฝ์ฐ ' - ' ์ฌ์ฉํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค.All ๋๋ฌธ์ - ๋ชจ๋ ๋๋ฌธ์๋ก ์ฐ๋ ๊ฒฝ์ฐ ' \_ ' ์ฌ์ฉํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค.์์ ์ซ์๊ฐ ์ฌ ์๋ ์๋ค.๋ฌธ์๋ฅผ ์ธ๋๋ ' '(๋ฐ์ดํ)๋ฅผ ํด์ค์ผ ํ๋ค.css ์์ฑ ๊ฐ์ ๋ณ์ ๊ฐ์ผ๋ก ์ธ๋์๋ ๋ฐ์ดํ
@mixin ์ด๋ฆ(์ธ์) { ์์ฑ๋ค}์ด์ฉ๊ตฌ { @include ์ด๋ฆ(์ธ์)}์์ฃผ ์ฐ๋ text style๊ฐ์ ๊ฒฝ์ฐ๋ @mixin์ผ๋ก ๋ง๋ค์ด ๋๋ ๊ฒ์ด ํธ๋ฆฌํ๋ค.๋ํ ์์ฃผ ์ฌ์ฉํด์ฃผ๋ ์์ฑ์ค color๊ฐ์ ์ธ์๋ก ์ ๋ฌ ๊ฐ๋ฅํ์ง๋ง color๊ฐ์ด ํ์ํ์ง ์๋ค๊ณ @inclu
โจSCSS ๊ฐ๋ Placeholder - %@mixin๊ณผ placeholder ๊ณตํต์ ๊ณผ ์ฐจ์ด์ ๊ณตํต์ - mixin ๊ณผ ๊ฐ์ด ์ฝ๋์ ๋ฐ๋ณต์ฑ์ ์ค์ด ์ค๋ค๋ ์ ์ฐจ์ด์ - placeholder๋ @mixin๊ณผ ๊ฐ์ด ์ธ์๋ฅผ ๋ฐ์์ ์๋ค. (ํ์ฅ์ฑ์ด ๋จ์ด์ง๋ค.)@mixin์ @i