DIVํ๊ทธ (1) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์คํจ ๊พธ๋ฏธ๊ธฐ [divํ๊ทธ] ํ๊ทธ(1) ์ ์ ๋ ์ด์์์ ๋๋๋ ์ฌ์ฉํ๋ ํ๊ทธ๋ก Division์ ์ฝ์์ด๋ค.๋ค๋ฅธ ๋ถ๊ฐ ๊ธฐ๋ฅ์ด๋ ๋ณต์ก์ฑ ์์ด ๋จ์ํ ๊ณต๊ฐ์ ๋๋์ด ํ์ฉํ ๋ ์ฌ์ฉํ๋ค๋ณด๋ ์๋นํ ๋ง์ด ์ฌ์ฉํ๋ ํ๊ทธ์ด๋ค. ์ค์ ๋ก ๋ธ๋ก๊ทธ ํฌ์คํ ์ ๋ง์ด ๋ฌ๋ ค ์๋ ๊ฒ์ ๋ณผ ์ ์๋ค. (2) ์ฌ์ฉ๋ฒ ์ด์ ์ ๋ดค๋ ์ฒ๋ผ ์ํ๋ ๊ณต๊ฐ์ ํ๊ทธ๋ฅผ ์ด์ด์ฃผ๊ณ ์์ ๋ด์ฉ์ ์ ์ผ๋ฉด ๋๋ค.๊ตฌ์ญ์ ๋๋ ํฐ๋ฅผ ๋ด๊ธฐ ์ํด css์ ๊ฐ์ด ์ฌ์ฉํ๋ฉด ๋ณด๊ธฐ ์ข๊ฒ ๊ณต๊ฐ์ ๋ํ๋ผ ์ ์๋ค. : ์์, ์คํ ํ๊ทธ : ์ข ๋ฃ, ํด๋ก์ฆ ํ๊ทธ html์์ css์ฌ์ฉํ๊ธฐ : style ์์ฑ๋ฅผ ์ด์ฉ (3) ์ค์ต ATOM ์ผ๋ก ์ด์ฉํ์ฌ divํ๊ทธ๋ฅผ ์ค์ต ํด๋ณด์.ํ๊ทธ์ ํจ๊ป ํ๊ทธ๋ฅผ ํจ๊ป ์จ๋ณด๋ฉฐ ๋น๊ตํด๋ณด๋ ค๊ณ ํ๋๋ฐ์, ํ๊ทธ์ ํ๊ทธ ์ฌ์ด์ ๋ค๋ฅธ์ ์ ์์ด ๋ณด์ธ๋ค... ๋ญ๊ฐ ๋ค๋ฅธ๊ฑฐ์ง?!.,์์์ sty.. ์ด์ 1 ๋ค์