์ค๋์ ๋ช
์ธ
" ๋ฏธ๋๋ ์ ๊ธฐ์ ๋ฌ๋ ค ์๋ค. "
- ๋์ฝ๋ผ ํ
์ฌ๋ผ
(๋ฐ๋ช
๊ฐ, ์ ๊ธฐ ๊ณตํ์)
VS Code์๋ ์ฝ์ด๋ฅผ ์ด์ฉํด์ ์ฝ๋๋ฅผ ๋น ๋ฅด๊ฒ ์์ฑํ ์ ์๋ ๊ธฐ๋ฅ์ด ๋ด์ฅ๋์ด ์์ด์. ์ฝ์ด ์ฌ์ฉ๋ฒ์ ๊ฐ์ด ์ตํ๋ณผ๊น์? ์ฝ์ด ์
๋ ฅ ํ Tabํค๋ Enterํค๋ฅผ ๋๋ฅด๋ฉด ํ๊ทธ๊ฐ ์๋์ผ๋ก ์์ฑ๋ผ์. HTML ์ฝ์ด โ
ํ๊ทธ ์์ฑํ๊ธฐํ๊ทธ ์ด๋ฆ์ ์
๋ ฅํ ํ Tabํค ๋๋ฅด๋ฉด ์ข์ฐ ์
๋ ฅํ์ง ์๊ณ ๋น ๋ฅด๊ฒ ์ฝ๋ ์์ฑ ๊ฐ๋ฅ์ฝ์ด์์ฑ๋ ํ๊ทธheader โ
์์ด๋๋ช
, ํด๋์ค๋ช
์์ฑ#(์ต)์ ์์ด๋๋ฅผ ์๋ฏธdiv#์์ด๋๋ช
์ฝ์ด์์ฑ๋ ํ๊ทธdiv#container โ
์์์์์ ํจ๊ป ์์ฑ.(์ )์ ํด๋์ค๋ช
์๋ฏธ>๋ ์์์์ ์๋ฏธ์ค๊ดํธ { } ์์๋ ํ๊ทธ ์์ ์์ฑ๋ ๋ด์ฉ(Content) ์
๋ ฅ ์ฝ์ด์์ฑ๋ ํ๊ทธdiv.logo > a {logo}logo โ
ํ์ ์์ ์์ฑ+๋ ํ์ ์์ ์์ฑ์ฝ์ด์์ฑ๋ ํ๊ทธp+pdiv.item+div.item..
โ
this ํค์๋ ์๋ฏธ ์๋ฐ์์ this ํค์๋๋ ํ์ฌ ๊ฐ์ฒด๋ฅผ ๊ฐ๋ฆฌํค๋ ์ฐธ์กฐ ๋ณ์์
๋๋ค. = this ํค์๋๋ ์๊ธฐ ์์ ์ ๊ฐ๋ฆฌํด. = ์ธ์คํด์ค๊ฐ ์๊ธฐ ์์ ์ ์ฃผ์๋ฅผ ๋ฐํํ๋ ๊ฒฝ์ฐ ์ฌ์ฉ ์ฌ๊ธฐ์ "ํ์ฌ ๊ฐ์ฒด"๋ ํ์ฌ ๋ฉ์๋๊ฐ ํธ์ถ๋๊ณ ์๋ ๊ฐ์ฒด๋ฅผ ์๋ฏธํฉ๋๋ค. ํด๋์ค์ ์ธ์คํด์ค๊ฐ ์์ฑ๋ ๋๋ง๋ค ๊ฐ ์ธ์คํด์ค๋ ๊ณ ์ ํ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ๊ฐ์ง๋ฉฐ, ์ด๋ฅผ ๊ฐ์ฒด๋ผ๊ณ ํฉ๋๋ค. ๋ฐ๋ผ์ ๋ฉ์๋๊ฐ ํธ์ถ๋ ๋๋ง๋ค ํด๋น ๋ฉ์๋๊ฐ ์ํ ๊ฐ์ฒด๋ฅผ ์ง์นญํ ์ ์์ด์ผ ํฉ๋๋ค. โ
this ํค์๋์ ์ฐ์ ์ธ์คํด์ค ๋ณ์์ ๋ก์ปฌ ๋ณ์ ๊ตฌ๋ถ: ๋ฉ์๋ ๋ด์์ ์ธ์คํด์ค ๋ณ์์ ๋ก์ปฌ ๋ณ์์ ์ด๋ฆ์ด ์ถฉ๋ํ ๋, this๋ฅผ ์ฌ์ฉํ์ฌ ์ธ์คํด์ค ๋ณ์์ ์ ๊ทผํ ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ๋ช
ํํ๊ฒ ๋ณ์์ ๋ฒ์๋ฅผ ๊ตฌ๋ถํ ์ ์์ต๋๋ค. ๋ค๋ฅธ ์์ฑ์ ํธ์ถ: ํ๋์ ์์ฑ..
'ํค์๋' ํ๊ทธ์ ๊ธ ๋ชฉ๋ก
๋จ์ถํค
๋ด ๋ธ๋ก๊ทธ
๋ด ๋ธ๋ก๊ทธ - ๊ด๋ฆฌ์ ํ ์ ํ |
Q
Q
|
์ ๊ธ ์ฐ๊ธฐ |
W
W
|
๋ธ๋ก๊ทธ ๊ฒ์๊ธ
๊ธ ์์ (๊ถํ ์๋ ๊ฒฝ์ฐ) |
E
E
|
๋๊ธ ์์ญ์ผ๋ก ์ด๋ |
C
C
|
๋ชจ๋ ์์ญ
์ด ํ์ด์ง์ URL ๋ณต์ฌ |
S
S
|
๋งจ ์๋ก ์ด๋ |
T
T
|
ํฐ์คํ ๋ฆฌ ํ ์ด๋ |
H
H
|
๋จ์ถํค ์๋ด |
Shift + /
โง + /
|
* ๋จ์ถํค๋ ํ๊ธ/์๋ฌธ ๋์๋ฌธ์๋ก ์ด์ฉ ๊ฐ๋ฅํ๋ฉฐ, ํฐ์คํ ๋ฆฌ ๊ธฐ๋ณธ ๋๋ฉ์ธ์์๋ง ๋์ํฉ๋๋ค.