๐ฉโ๐ป์ ์ฃผ์ฝ๋ฉ๋ฒ ์ด์ค์บ ํ ์ฒซ์์
๋ฆฌ๋ทฐ
๐์์
๋ด์ฉ
์ค๋ ์ฒ์ ์์ฃผ์์ฃผ ์ ๋ช
ํ ์ ์ฝ๋ฒ ์์
์ ๋ฃ๊ฒ ๋์๋ค. ์์
์์๋ ์ ๋ฒ ์ฝ ์๊ฐ๋ฅผ ๋ฃ๊ณ html, port, url ๋ฑ์ ๊ณต๋ถํ๋ค. ๋ํ๊ต ๋ ์ ๊ณต์์
์ด๋ ์ปดํ ์ค๋น๋ฅผ ํ๋ฉด์ ์ด์ฌํ ์ธ์ ๋ ๊ฑฐ ๊ฐ์๋ฐ, ๋งค๋ฒ ์๋กญ๊ฒ ๋ค๋ ธ๋ค. ํ์ง๋ง ๊ฐ์ฌ๋๊ณผ ๋๊ธฐ๋ค์ ๋ผ์ด๋ธ ์ฐฐ๋ก ๋น์ ๋ฉํธ๋ค์ ๋ค์ผ๋ฉฐ ์ดํดํ๋ ค๊ณ ๋
ธ๋ ฅ์ ๋ง์ดํ๋ค.
์คํ ์์
์์๋ html Grouping Content ํ๊ทธ๋ค์ ๋ฐฐ์ ๋ค. ์ด์ ์ ๋ฐฐ์ ๋ ๋ด์ฉ๋ค์ด ์์ด์ ํฌ๊ฒ ์ด๋ ต์ง ์์์ง๋ง, emmet ๋ฌธ๋ฒ์ ์ฒ์ ์๊ฒ ๋์๋ค. ์กฐ๊ธ ๋ ๋น ๋ฅด๊ฒ ์ฝ๋ฉํ ์ ์๋๋ก ๋์์ฃผ๋ ์์ ๊ฐ์๋ค. ์ง๊ธ์ ๋๋ฌด ์ด์ํ์ง๋ง ๋น ๋ฅด๊ฒ ์ตํ์ ์์ผ๋ก ๋ง์ ์ฝ๋ฉ์์ ์์ฑํ ๋ ๋์์ ๋ฐ๊ณ ์ถ๋ค.
๐๊ฐ์ฌ๋์ ๋ง์
- ๋ด ์์ค์ ๋ง๋ ๊ณต๋ถํ๊ธฐ
- ํ๋ก๊ทธ๋๋จธ์ค, ์ ์ฝ๋ฒ ์ ํ๋ธ ๊ฐ์ ๋ฑ ํด๋ก ์ฝ๋ฉ
- 1์ผ 1์ปค๋ฏธ(๊น์ ๋ฐฐ์ฐ๊ณ ์์ํด์ผ๊ฒ ๋ค.)
- ๊ธฐ์
์ ๋ฐ๋ผ ํ์ ์์ค์ด ๋ค๋ฆ์ผ๋ก, ๊ธฐ์
๋ณ๋ก ํ์ ์คํ ์ ๋ฆฌํ๊ธฐ
- ์น ํผ๋ธ๋ฆฌ์
์์ค์ ํฌ๋งํ๋ฉด ์ฝ๋ฉ ํ
์คํธ ๋ถ๋ถ ์ฒ์ฒํ ๋ฐ์ ํด๋ณด๊ธฐ
- ํญ์ ์ ์๊ถ ์กฐ์ฌํด์ font, image ์ฌ์ฉํ๊ธฐ
๐์ถ์ฒ ํ์ต ์๋ฃ
๐์ถ์ฒ ๋์