VS Code์๋ ์ฝ์ด๋ฅผ ์ด์ฉํด์ ์ฝ๋๋ฅผ ๋น ๋ฅด๊ฒ ์์ฑํ ์ ์๋ ๊ธฐ๋ฅ์ด ๋ด์ฅ๋์ด ์์ด์. ์ฝ์ด ์ฌ์ฉ๋ฒ์ ๊ฐ์ด ์ตํ๋ณผ๊น์? ์ฝ์ด ์
๋ ฅ ํ Tabํค๋ Enterํค๋ฅผ ๋๋ฅด๋ฉด ํ๊ทธ๊ฐ ์๋์ผ๋ก ์์ฑ๋ผ์. HTML ์ฝ์ด โ
ํ๊ทธ ์์ฑํ๊ธฐํ๊ทธ ์ด๋ฆ์ ์
๋ ฅํ ํ Tabํค ๋๋ฅด๋ฉด ์ข์ฐ ์
๋ ฅํ์ง ์๊ณ ๋น ๋ฅด๊ฒ ์ฝ๋ ์์ฑ ๊ฐ๋ฅ์ฝ์ด์์ฑ๋ ํ๊ทธheader โ
์์ด๋๋ช
, ํด๋์ค๋ช
์์ฑ#(์ต)์ ์์ด๋๋ฅผ ์๋ฏธdiv#์์ด๋๋ช
์ฝ์ด์์ฑ๋ ํ๊ทธdiv#container โ
์์์์์ ํจ๊ป ์์ฑ.(์ )์ ํด๋์ค๋ช
์๋ฏธ>๋ ์์์์ ์๋ฏธ์ค๊ดํธ { } ์์๋ ํ๊ทธ ์์ ์์ฑ๋ ๋ด์ฉ(Content) ์
๋ ฅ ์ฝ์ด์์ฑ๋ ํ๊ทธdiv.logo > a {logo}logo โ
ํ์ ์์ ์์ฑ+๋ ํ์ ์์ ์์ฑ์ฝ์ด์์ฑ๋ ํ๊ทธp+pdiv.item+div.item..
My Tech Blog (ํค์๋)
โ
this ํค์๋ ์๋ฏธ ์๋ฐ์์ this ํค์๋๋ ํ์ฌ ๊ฐ์ฒด๋ฅผ ๊ฐ๋ฆฌํค๋ ์ฐธ์กฐ ๋ณ์์
๋๋ค. = this ํค์๋๋ ์๊ธฐ ์์ ์ ๊ฐ๋ฆฌํด. = ์ธ์คํด์ค๊ฐ ์๊ธฐ ์์ ์ ์ฃผ์๋ฅผ ๋ฐํํ๋ ๊ฒฝ์ฐ ์ฌ์ฉ ์ฌ๊ธฐ์ "ํ์ฌ ๊ฐ์ฒด"๋ ํ์ฌ ๋ฉ์๋๊ฐ ํธ์ถ๋๊ณ ์๋ ๊ฐ์ฒด๋ฅผ ์๋ฏธํฉ๋๋ค. ํด๋์ค์ ์ธ์คํด์ค๊ฐ ์์ฑ๋ ๋๋ง๋ค ๊ฐ ์ธ์คํด์ค๋ ๊ณ ์ ํ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ๊ฐ์ง๋ฉฐ, ์ด๋ฅผ ๊ฐ์ฒด๋ผ๊ณ ํฉ๋๋ค. ๋ฐ๋ผ์ ๋ฉ์๋๊ฐ ํธ์ถ๋ ๋๋ง๋ค ํด๋น ๋ฉ์๋๊ฐ ์ํ ๊ฐ์ฒด๋ฅผ ์ง์นญํ ์ ์์ด์ผ ํฉ๋๋ค. โ
this ํค์๋์ ์ฐ์ ์ธ์คํด์ค ๋ณ์์ ๋ก์ปฌ ๋ณ์ ๊ตฌ๋ถ: ๋ฉ์๋ ๋ด์์ ์ธ์คํด์ค ๋ณ์์ ๋ก์ปฌ ๋ณ์์ ์ด๋ฆ์ด ์ถฉ๋ํ ๋, this๋ฅผ ์ฌ์ฉํ์ฌ ์ธ์คํด์ค ๋ณ์์ ์ ๊ทผํ ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ๋ช
ํํ๊ฒ ๋ณ์์ ๋ฒ์๋ฅผ ๊ตฌ๋ถํ ์ ์์ต๋๋ค. ๋ค๋ฅธ ์์ฑ์ ํธ์ถ: ํ๋์ ์์ฑ..