๐Ÿ“

JSON

JSON์€ JavaScript Object Notation์˜ ์•ฝ์ž๋กœ '์ œ์ด์Šจ'์ด๋ผ๊ณ  ์ฝ์Šต๋‹ˆ๋‹ค. Javascript์—์„œ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ‘œํ˜„์‹์œผ๋กœ Javascript์˜ ๊ตฌ๋ฌธ ํ˜•์‹์„ ๋”ฐ๋ฅด๋Š” ์–ธ์–ด ๋…๋ฆฝํ˜• ๋ฐ์ดํ„ฐ ํฌ๋งท์ž…๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์™€ ํ”Œ๋žซํผ์— ๋…๋ฆฝ์ ์ด๊ธฐ ๋•Œ๋ฌธ์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์•„๋‹Œ ๋‹ค๋ฅธ ์–ธ์–ด์—์„œ๋„ ์‰ฝ๊ฒŒ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
ย 
๐Ÿ’ก
JSON ๊ทœ๊ฒฉ์„ ์ข€ ๋” ์—„๋ฐ€ํ•˜๊ฒŒ ์ง€ํ‚ค๋Š” ๋ชจ๋“ˆ์„ ์‚ฌ์šฉํ•  ๋•Œ์—๋Š” ๊ผญ ๊ทœ๊ฒฉ์„ ์ง€์ผœ์ฃผ์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค. JSON์„ ์ง€์›ํ•˜์ง€ ์•Š์œผ๋ฉฐ ํ™‘๋”ฐ์˜ดํ‘œ๊ฐ€ ์•„๋‹Œ ์Œ๋”ฐ์˜ดํ‘œ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
ย 
ํ•œ ๊ฐ€์ง€ ์˜ˆ๋ฅผ ๋“ค์–ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ์ด๋ฏธ์ง€๋Š” ํ˜„์žฌ๋Š” ์„œ๋น„์Šค๋ฅผ ์ค‘๋‹จํ•œ ๋ผ์ด๋ธŒ์ฝ”๋กœ๋‚˜(https://livecorona.co.kr/)์˜ ์บก์ฒ˜ํ™”๋ฉด์ž…๋‹ˆ๋‹ค. ์ž ๊น ์‚ดํŽด๋ณผ๊นŒ์š”?
notion imagenotion image
ย 
์—ฌ๊ธฐ์„œ ๋ชจ๋“  ๋ฐ์ดํ„ฐ๋Š” JSON ํ˜•์‹์œผ๋กœ ๊ด€๋ฆฌ๋ฉ๋‹ˆ๋‹ค. ์ง€๋„์— ๋ฟŒ๋ ค์ง„ ๊ตญ๋‚ด ํ˜„ํ™ฉ ๋ฐ์ดํ„ฐ๋ฅผ ํ™•์ธํ•ด ๋ณผ๊นŒ์š”? ์•„๋ž˜๋Š” 2020๋…„ 10์›”์˜ ๋ฐ์ดํ„ฐ์ž…๋‹ˆ๋‹ค.
ย 
2020๋…„ 10์›” ์ฝ”๋กœ๋‚˜ ๋ฐ์ดํ„ฐ2020๋…„ 10์›” ์ฝ”๋กœ๋‚˜ ๋ฐ์ดํ„ฐ
2020๋…„ 10์›” ์ฝ”๋กœ๋‚˜ ๋ฐ์ดํ„ฐ
ย 
2020๋…„ 10์›” ์ฝ”๋กœ๋‚˜ ๋ฐ์ดํ„ฐ์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋“ฏ์ด JSON์€ Key(ํ‚ค)์™€ Value(๊ฐ’)๊ฐ€ ํ•œ ์Œ์œผ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋•Œ ๋ฐ์ดํ„ฐ์—์„œ์˜ Key๋Š” "์ง€์—ญ์ด๋ฆ„", "ํ™•์ง„์ž์ˆ˜", "๊ฒฉ๋ฆฌํ•ด์ œ์ˆ˜", "์‚ฌ๋ง์ž์ˆ˜", "์‹ญ๋งŒ๋ช…๋‹น๋ฐœ์ƒ์œจ", "์ง€์—ญ๋ณ„ํ™•์ง„์ž๋น„์œจ"์ด๊ณ , Value๋Š” ๊ทธ์— ํ•ด๋‹นํ•˜๋Š” "์ „๊ตญ", 24889 ๋“ฑ์˜ ๊ฐ’์ž…๋‹ˆ๋‹ค. Key๋ฅผ ๊ฐ’์˜ ์ด๋ฆ„์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ์ข€ ๋” ์ดํ•ดํ•˜๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค.
notion imagenotion image
ย 
๊ทธ๋Ÿผ 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์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
JSON Generator๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…Œ์ŠคํŠธ์šฉ JSON์„ ์ƒ์„ฑํ•œ ํ™”๋ฉดJSON Generator๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…Œ์ŠคํŠธ์šฉ JSON์„ ์ƒ์„ฑํ•œ ํ™”๋ฉด
JSON Generator๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…Œ์ŠคํŠธ์šฉ JSON์„ ์ƒ์„ฑํ•œ ํ™”๋ฉด
ย