ํฐ์คํ ๋ฆฌ ํ ์ด๋ธ ๊ฐ์ด๋ฐ ์ ๋ ฌ (1) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ ํฐ์คํ ๋ฆฌ ํ ์ด๋ธ ์์ฑ, ํฌ๊ธฐ ์กฐ์ ํ๋๋ฒ / ํ ์ด๋ธ ์ ๋ ์ฑ์ฐ๊ธฐ, ๊ฐ์ด๋ฐ ์ ๋ ฌ ํ ์ด๋ธ์ ๋ค์ํ ์ ๋ณด๋ฅผ ์์ฝํ๊ธฐ์ ์์ฃผ ์ข์ ์๋จ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค. ํฐ์คํ ๋ฆฌ์ ๊ฒฝ์ฐ HTML์ ์ด์ฉํ ์์ ์ด ๋ง์ ๊ด๊ณ๋ก ๋ฐฉ๋ฒ์ ์ต์ํ์ง ์๋ค๋ฉด ์กฐ์์ด ์ด๋ ค์ธ ์ ์์ต๋๋ค. ๊ทธ๋ ๊ธฐ์ ์ค๋์ ํ ์ด๋ธ์ ์์ฑํ๊ณ ์ ์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๊ณ ๋ง์ถคํ๋ ๋ฐฉ๋ฒ์ ๋ํด์ ์์๋ณด๊ฒ ์ต๋๋ค. ๐ ํ ์ด๋ธ ์์ฑํ๊ธฐ ํฐ์คํ ๋ฆฌ์์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ๊ณต๋๋ UI๋ฅผ ํตํด์ ๊ฐ๋จํ๊ฒ ์์ฑํ์ค ์ ์์ต๋๋ค. ์ต์๋จ ๋ชฉ๋ก์์ ์ฌ๊ฐํ ๋ชจ์์ ์์ด์ฝ์ ํด๋ฆญํด์ฃผ์๋ฉด ์ํ๋ ํ/์ด์ ํ ์ด๋ธ์ ์์ฑํ ์ ์์ต๋๋ค. ํ ์ด๋ธ์ ์ต์ 1x1๋ถํฐ ์ต๋ 10 x 10ํฌ๊ธฐ๋ก ์์ฑํ ์ ์์ต๋๋ค. ํ ๋ง๋ค ๋ค๋ฅธ ๊ฐ์์ ์ด์ ๊ฐ์ง ํ ์ด๋ธ์ HTML์ฝ๋๋ฅผ ์์ ํ์ฌ ๋ง๋์ค ์ ์์ต๋๋ค. ํ์ง๋ง, ์ ๋ ฌ์ด ์ด๋ ต๊ณ ์ด์ด ๋ค๋ฅธ ํ ์ด๋ธ์ ์ ์ฌ์ฉํ์ง ์์ผ๋ ์ด ๊ธ์์ ๋ค๋ฃจ์ง ์์์ต๋๋ค... ์ด์ 1 ๋ค์