- data ๋ฐฐ์ด ์์ ์๋ ๋ชจ๋ ์์๊ฐ ์์ฑ๋ณธ ์ด๋ฏธ์ง์ ๋๊ฐ์ด ํ๋ฉด์ ์ถ๋ ฅ ๋์ด์ผ ํ๋ค.
- ์ฌ์ง์ ์ถ๋ ฅ๋ ๋ด์ฉ์ ๋ฐ์ดํฐ๋ค์ script.jsํ์ผ์ dataArray๊ฐ์ฒด๋ฅผ ์ฐธ๊ณ ํ๋ค.
- ๊ฐ ํฌ๊ธฐ๋ณ ์์ข
์ด ์์์ ๋ค์๊ณผ ๊ฐ๋ค.
- 1x1: red
- 2x2: orange
- 3x3: yellow
- 4x4: yellowgreen
- 5x5: skyblue
- data ๋ฐฐ์ด์์ ์๋ ์์๋ ์๋์๋ ์ฐธ๊ณ ์ฌ์ดํธ์ธ ์์ 4,5,6,7,8 ์์๋ก ๋ฐ์ดํฐ๊ฐ ์ ๋ ฅ๋์ด ์๋ค.
- ์์ธํ ๊ฑด https://www.acmicpc.net/problem/17136 ๋ฅผ ์ฐธ๊ณ ํ์ฌ ๋ง๋ ๋ค.
- ์ฌ์ฉํ ์์ข ์ด ์๋ .text์ ์ถ๋ ฅํ๋ค.
- ์์ js ๋ง์ ์ฌ์ฉํ๋ฉฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ์ ๊ธํ๋ค.
- html, css, js ๋ชจ๋ ์์ ์ด ๊ฐ๋ฅํ๋ค. ๋จ, ์ด๋ฏธ ์จ์ ธ ์๋ ์ฝ๋๋ ํ์ฉํ์ฌ ๋ง๋ ๋ค.