JSON์ JavaScript Object Notation์ ์ฝ์๋ก '์ ์ด์จ'์ด๋ผ๊ณ ์ฝ์ต๋๋ค. Javascript์์ ๊ฐ์ฒด๋ฅผ ๋ง๋ค ๋ ์ฌ์ฉํ๋ ํํ์์ผ๋ก Javascript์ ๊ตฌ๋ฌธ ํ์์ ๋ฐ๋ฅด๋ ์ธ์ด ๋
๋ฆฝํ ๋ฐ์ดํฐ ํฌ๋งท์
๋๋ค. ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ํ๋ซํผ์ ๋
๋ฆฝ์ ์ด๊ธฐ ๋๋ฌธ์ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์๋ ๋ค๋ฅธ ์ธ์ด์์๋ ์ฝ๊ฒ ์ฌ์ฉ์ด ๊ฐ๋ฅํฉ๋๋ค.
ย
JSON ๊ท๊ฒฉ์ ์ข ๋ ์๋ฐํ๊ฒ ์งํค๋ ๋ชจ๋์ ์ฌ์ฉํ ๋์๋ ๊ผญ ๊ท๊ฒฉ์ ์ง์ผ์ฃผ์
์ผ ํฉ๋๋ค. JSON์ ์ง์ํ์ง ์์ผ๋ฉฐ ํ๋ฐ์ดํ๊ฐ ์๋ ์๋ฐ์ดํ๋ฅผ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
ย
ํ ๊ฐ์ง ์๋ฅผ ๋ค์ด๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ์๋ ์ด๋ฏธ์ง๋ ํ์ฌ๋ ์๋น์ค๋ฅผ ์ค๋จํ ๋ผ์ด๋ธ์ฝ๋ก๋(https://livecorona.co.kr/)์ ์บก์ฒํ๋ฉด์
๋๋ค. ์ ๊น ์ดํด๋ณผ๊น์?
ย
์ฌ๊ธฐ์ ๋ชจ๋ ๋ฐ์ดํฐ๋ JSON ํ์์ผ๋ก ๊ด๋ฆฌ๋ฉ๋๋ค. ์ง๋์ ๋ฟ๋ ค์ง ๊ตญ๋ด ํํฉ ๋ฐ์ดํฐ๋ฅผ ํ์ธํด ๋ณผ๊น์? ์๋๋ 2020๋
10์์ ๋ฐ์ดํฐ์
๋๋ค.
ย
ย
2020๋
10์ ์ฝ๋ก๋ ๋ฐ์ดํฐ์์ ๋ณผ ์ ์๋ฏ์ด JSON์ Key(ํค)์ Value(๊ฐ)๊ฐ ํ ์์ผ๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค. ์ด๋ ๋ฐ์ดํฐ์์์ Key๋ "์ง์ญ์ด๋ฆ", "ํ์ง์์", "๊ฒฉ๋ฆฌํด์ ์", "์ฌ๋ง์์", "์ญ๋ง๋ช
๋น๋ฐ์์จ", "์ง์ญ๋ณํ์ง์๋น์จ"์ด๊ณ , Value๋ ๊ทธ์ ํด๋นํ๋ "์ ๊ตญ", 24889 ๋ฑ์ ๊ฐ์
๋๋ค. Key๋ฅผ ๊ฐ์ ์ด๋ฆ์ด๋ผ๊ณ ์๊ฐํ๋ฉด ์ข ๋ ์ดํดํ๊ธฐ ์ฝ์ต๋๋ค.
ย
๊ทธ๋ผ JSON ํ์์ ๋ฐ์ดํฐ๋ค์ ์ด๋ป๊ฒ ์ฌ์ฉํ ์ ์์๊น์? ๋ณดํต Key๋ฅผ ํตํด Value๋ฅผ ๊ฐ์ ธ์ ์ฌ์ฉํฉ๋๋ค. ๊ฐ๋จํ ์์ ๋ก ์์๋ด
์๋ค.
var data = [ { "name": "๋ผ์ด์บฃ", "age" : "10", "language": "Python" }, { "name": "๋นํค", "age": "๋ชจ๋ฆ", "language": "Javascript" }, ]; console.log(data[0]); console.log(data[0]['name']); console.log(data[1]['name']);
ย
์๋ ๊ฒฐ๊ณผ์ฒ๋ผ ํค๋ฅผ ์ฌ์ฉํ์ฌ ๊ฐ์ ๊ฐ์ ธ์ฌ ์ ์์ต๋๋ค.
// ๊ฒฐ๊ณผ {name: "๋ผ์ด์บฃ", age: "10", language: "Python"} ๋ผ์ด์บฃ ๋นํค
ย
์ด๋ฌํ ๋ฐ์ดํฐ๋ฅผ ์ ๋ฌํด ์ฃผ๋ ์๋ฒ๋ฅผ ๋ณ๋๋ก ๊ตฌ์ถํ๋ฉด ๊ทธ ์๋ฒ๋ฅผ API Server๋ผ๊ณ ๋ถ๋ฆ
๋๋ค. ๋ฌผ๋ก API Server๋ JSON๋ง์ Servingํ์ง ์๊ณ ์ฌ๋ฌ ๊ฐ์ง ๋ฐ์ดํฐ๋ฅผ ํ ๋ฒ์ Servingํ๋ ์ฉ๋๋ก ์ฌ์ฉํฉ๋๋ค. API Server๋ ๋ค์ ์ฑํฐ์์ ์ดํด๋ณผ ์์ ์ด๋ ์ฉ์ด๋ง ๊ธฐ์ตํ๊ณ ๋์ด๊ฐ๋๋ก ํฉ์๋ค.
์๋ ํํ์ด์ง์์ ํ
์คํธ์ฉ JSON์ ์์ฑํ ์ ์์ต๋๋ค.
ย