JavaScript Object Notation์ ์ฝ์์ด๋ค.
์ข ๋ ์ฝ๊ฒ ๋ฐ์ดํฐ๋ฅผ ๊ตํํ๊ณ ์ ์ฅํ๊ธฐ ์ํด ๋ง๋ค์ด์ง ํ ์คํธ ๊ธฐ๋ฐ์ ๋ฐ์ดํฐ ๊ตํ ํ์ค์ด๋ค.
์น ์ดํ๋ฆฌ์ผ์ด์ ์์ ๋ฐ์ดํฐ๋ฅผ ์ ์กํ ๋ ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉํ๋ค. ( ์๋ฒ์์ ํด๋ผ์ด์ธํธ๋ก ๋ฐ์ดํฐ๋ฅผ ์ ์กํ์ฌ ํํํ๊ฑฐ๋ ๋ฐ๋์ ๊ฒฝ์ฐ)
JSON์ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ฒด ํ๊ธฐ๋ฒ์ ๋ฐ๋ฅธ๋ค.
JSON์ ๊ฒฝ๋์ DATA-๊ตํ ํ์์ด๋ค.
์๋ฒ์ ํด๋ผ์ด์ธํธ ๊ฐ์ ๊ต๋ฅ์์ ์ผ๋ฐ์ ์ผ๋ก ๋ง์ด ์ฌ์ฉ๋๋ค.
JSON์ ์ฌ๋๊ณผ ๊ธฐ๊ณ๊ฐ ๋ชจ๋ ์ฝ๊ธฐ ํธํ๋๋ก ๊ณ ์๋์๋ค.
- JSON ํํ์์ ์ฌ๋๊ณผ ๊ธฐ๊ณ ๋ชจ๋ ์ดํดํ๊ธฐ ์ฌ์ฐ๋ฉฐ ์ฉ๋์ด ์์์, ์ต๊ทผ์๋ JSON์ด XML์ ๋์ฒดํด์ ๋ฐ์ดํฐ ์ ์ก ๋ฑ์ ๋ง์ด ์ฌ์ฉํ๋ค.
JSON์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ์ด์์ฒด์ ์ ๋
๋ฆฝ์ ์ด๋ค.
- ํน์ ์ธ์ด์ ์ข
์๋์ง ์์ผ๋ฉฐ, ๋๋ถ๋ถ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์์ JSON ํฌ๋งท์ ๋ฐ์ดํฐ๋ฅผ ํธ๋ค๋ง ํ ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ ๊ณตํ๋ค.
2-1. name-value ํ์์ ์(pair)
{String key : String Value }
{
"firstName": "Cherry",
"lastName": "Yang",
"email": "cherryYang@cherry.com"
}
2-2. ๊ฐ๋ค์ ์์ํ๋ ๋ฆฌ์คํธ ํ์
[value1, value2, ....]
{
"firstName": "Cherry",
"lastName": "Yang",
"email": "cherryYang@cherry.com",
"hobby": ["swimming","walking"]
}
var jsonText = '{ "name": "Someone else", "lastName": "Kim" }'; // JSON ํ์์ ๋ฌธ์์ด
var realObject = JSON.parse(jsonText);
var jsonText2 = JSON.stringify(realObject);
console.log(realObject);
console.log(jsonText2);
๐ก ํ์ฑ(Parsing) : ๋ฌธ์์ด์์ ๋ค์ดํฐ๋ธ ๊ฐ์ฒด๋ก ๋ณํํ๋ ๊ฒ. ๋คํธ์ํฌ๋ฅผ ํตํด ์ ๋ฌํ ์ ์๊ฒ ๊ฐ์ฒด๋ฅผ ๋ฌธ์์ด๋ก ๋ณํํ๋ ๊ณผ์ ์ ๋ฌธ์์ดํ(Stringification)์ด๋ผ๊ณ ํ๋ค.
AJAX
๋ ๋จ์ํ ๋ฐ์ดํฐ๋ง์ด ์๋๋ผ JavaScript
๊ทธ ์์ฒด๋ ์ ๋ฌํ ์ ์๋ค. ์ด ๋ง์ JSON
๋ฐ์ดํฐ๋ผ๊ณ ํด์ ๋ฐ์๋๋ฐ ๋จ์ ๋ฐ์ดํฐ๊ฐ ์๋๋ผ JavaScript
๊ฐ ๋ ์๋ ์๊ณ , ๊ทธ๊ฒ ์คํ ๋ ์ ์๋ค๋ ๊ฒ์ด๋ค. (๋ฐ์ดํฐ์ธ ์ค ์๊ณ ๋ฐ์๋๋ฐ ์
์ฑ ์คํฌ๋ฆฝํธ๊ฐ ๋ ์ ์๋ค.)
์์ ๊ฐ์ ์ด์ ๋ก ๋ฐ์ ๋ด์ฉ์์ ์์ํ๊ฒ ๋ฐ์ดํฐ๋ง ์ถ์ถํ๊ธฐ ์ํ JSON
๊ด๋ จ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ฐ๋ก ์ฌ์ฉํ๊ธฐ๋ ํ๋ค.
์ฐธ์กฐ >
https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON
http://tcpschool.com/json/json_basic_syntax
https://nesoy.github.io/articles/2017-02/JSON
https://velog.io/@surim014/JSON%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80