์์ฆ ๊ฐ์ ๋ถ์ฅ์์๋ ์์ธ๋ฅผ ์๊ธฐ ์ํด์ ํน์ ๊ฑฐ๋์์ open API๋ฅผ ์ด์ฉํ์ฌ ์ํ๋ ์ฝ์ธ ๊ฐ๊ฒฉ์ ์ฒดํฌํ๊ณ ์๋ค์. ํ์ด์ฌ์ผ๋ก ์ง์ ๋ณด์ ์ฝ์ธ์ ์ฒดํฌํด์ ์ด๋ฉ์ผ๋ก ์๋ ์๋ ๋ฉ์์ง๋ฅผ ๋ง๋ค๋ ค๋ค๊ฐ ๊ทธ๊ฑด ๊ตณ์ด ๊ทธ๋ ๊ฒ๊น์ง ํด์ผ ํ ๊น ์ถ์ด ๋ง๋ค์ง๋ ์์๋ค์.
๊ทธ๋ฅ ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๊ฐ๋จํ ๊ตฌํํ ๊ฒ์ด ์๊ฐ๋ ํผ๋ ์๊ณ ๊ทธ๋ฅ d3.js ํฌ์คํธ ๋น์ ์คํ ์ฉ์ผ๋ก ์ฝ์ธ ์ฐจํธ๋ฅผ ๋ง๋ค์ด ๋์ ๊ฑธ ๊ทธ๋ฅ ์์ ์ ๊น์ฉ ๋ชจ๋ํฐ๋ง ํ๋ค์. ํ์ด์ง๋ฅผ ์ด์ด ๋์ผ๋ฉด ๊ฐ๊ฒฉ๋ ๋๋ฌํ๋ฉด ์๋ฆผ ์๋ฆฌ๊ฐ ๋๋๋ก ํ๋ ์ฝ๋ฉ๋ ์์ง๋ง ์ด๊ฑด ์ฐจํธ๋ง ๋์ค๋ ๊ฑฐ๋ผ ์กฐ์กํ์ง๋ง ๊ท์ฐฎ๊ฒ ๊ฑฐ๋์ ์ฐพ์๊ฐ์ ํ์ด์ง ์ด๊ธฐ๊ฐ ๋ถํธํด์ ์ฐธ๊ณ ์ฉ์ผ๋ก ํ๋ฒ์ฉ ์ฝ๋ฉํ ํ์ด์ง๋ฅผ ์ด์ด ๋ณด๋ค์.
post ์์ฑ ๋น์์ ์คํ ๊ฐ๊ฒฉ์ด๋ค์. 30๋ถ๋ด์ ์ต๊ทผ ๊ฒ์ ๊ธฐ์ค์ผ๋ก 30๊ฐ ๋ฐ์ดํฐ๋ฅผ ์ฝ์ด ์์ ์ฐจํธ๋ก ๋ง๋ค์ด์ง ๊ฒ์ด์ฃ . ์์ง ์ฝ์ธ์ ์ผ๋ง๋ ๊ฐ๋ ์ดํด ๋ณด์์ต๋๋ค.
๋ญ๊ฐ ์ฐ์ ํ๊ณ ์ฌ๋ผ๊ฐ๋ ์์ผ๋ก ํํ ์ฐ์ํฅ์ ์ด๋ค์ผ๋ฉด ์ข์๋ ค๋ง ์์ง์ ๋นํธ๊ฐ ์ฒ๋ง์ ๋์ง ๋ชปํด์ ๊ทธ๋ฐ์ง ๊ณ์ ๋นํธ๊ฐ ์๋์น ๋ ์ํธ๋ค์ ๊ณผ๊ฑฐ๋ก ํ๊ทํ๋ ค๋ ๋ชจ์ต์ ๋ณด์ฌ ์ํ๊น๋ค์. ๋นํธ ์ฒ๋ง ํ ์ํธ๊ฐ ์ ๋๋ก ๋ถ์ด ๋ถ์ง ์์๊น ์๊ฐํด ๋ด ๋๋ค.
์์ ๊ด์ฌ์๋ ์ฝ์ธํ ์ ๊ฐ ๋ง๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ง์ ์ํ๋ ๊ฒฐ๊ณผ๋ง ๋ชจ๋ํฐ๋ง ํ๋ค์. ๊ตฌ๊ธ ์คํ๋ ๋ ์ํธ์์ ํฌ๋กค๋งํ๊ฑฐ๋ api๋ฅผ ์ฝ์ด์์ ๋ชจ๋ํฐ๋ง ํ๋ ๊ฒ์ ์ค์๊ฐ ๋ฐ์ดํฐ๋ฅผ ์ป๊ธฐ๊ธฐ ํ๋ค๊ณ ๋ฐ์ ์๊ฐ์ด ๋๋ฌด ๋๋ ค์ ์ฌ์ฉํ์ง ์์ง๋ง ์๋ฐ์คํฌ๋ฆฝํธ๋ก ์ง ๊ฒ๋ค์ ํธํ๊ฒ ์ฝ์ธ ์์ธ๋ฅผ ํ์ธ ํ ์ ์์ด ์ข๋ค์.