๋ฏธ๋ฆฌ ์ก์๋์ ๋งํฌ์ ์ ํ ๋๋ก ์คํ์ผ๋ง๋ฐฐ์น์ ํธํ๊ฒ border๋ฅผ ๋ฃ์ด์ ์๋ณ๋ก ํ๊ธฐํ๋ฉฐ ๋ฐฐ์น๋ฅผ ์ก๋๋ค.border๋ผ์ธ์ ๋๊ป๊ฐ ๋ฐฐ์น์ ์ํฅ์ ์ฃผ๊ธฐ ๋๋ฌธ์box-sizing: border-box; ๋ก borer๋ฅผ ์์ผ๋ก ํฌํจ์ํจ๋ค.fetch ํจ์๋ฅผ ์ด์ฉํด json ๋ฐ์ด
๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ์์ฑํ๊ธฐ.๊ธฐํ๋์์ธ๋งํฌ์ ์คํ์ผ๋ง์๋ฐ์คํฌ๋ฆฝํธ(์ ์๊ถ ๋ณดํธํ๊ธฐ์ํด ์ ๋ณด์ด์ง ์๊ฒ ํจ!)์ค๋น๋ ๊ธฐํ๊ณผ ๋์์ธ์ ์ฌ์ฉํ๋ค.๋์์ธ์ ๋งํฌ์ ์ ์ค๋นํ๊ธฐ์ํด ์กฐ์๋ค๊ณผ ํ์๋ฅผ ํตํด ํต์ผ ์ํค๊ณ ๊ฒฐ์ ํ์๋ค.ul์ ์ด๋๊น์ง ํ์ฉํด์ผํ๋๊ฐ์น์ ๊ทผ์ฑ์ ์ข๊ฒ ํ๊ธฐ ์ํด