D+17
- JSON -
(JSON)
JSON (JavaScript Object Notation)
•๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ฑฐ๋ ์ ์กํ ๋ ์ฃผ๋ก ์ฌ์ฉ (๊ฒฝ๋ ๋ฐ์ดํฐ ๊ตํ ํ์)
•JavaScript ๊ฐ์ฒด ํ๊ธฐ๋ฒ
•๋ ๋ฆฝ์ ์ธ์ด
JSON์ ์ฌ์ฉํ๋ ์ด์
•JSON ํํ์์ด ์ฌ๋๊ณผ ๊ธฐ๊ณ๊ฐ ๋ชจ๋ ์ดํดํ๊ธฐ ์ฝ๊ณ ์ฉ๋์ด ์ ์ด์ xml์ ๋์ฒดํด ๋ฐ์ดํฐ ์ ์ก์ ์ฌ์ฉ๋ ์ ์๋ค.
•JSONํ์์ ๋ฌธ์๋ฅผ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ฒด๋ก ๋ณํํ ์ ์๋ค.
•๋ ๋ฆฝ์ ์ธ ์ธ์ด์ด๊ธฐ ๋๋ฌธ์ ๋๋ถ๋ถ์ด ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์์ ์ ์ฐํ๊ฒ ์ฌ์ฉ์ด ๊ฐ๋ฅํ๋ค.
(JSON ํฌ๋งท์ ๋ฐ์ดํฐ๋ฅผ ํธ๋ค๋งํ ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ๊ณต)
JSON ๋ฌธ๋ฒ
{
"list": [
{
"firstName": "Gaga",
"lastName": "Park"
},
{
"firstName": "Nana",
"lastName": "Kim"
},
{
"firstName": "Dada",
"lastName": "Joo"
}
]
}
JSON ๋ฌธ๋ฒ์ ์ฌ์ฉํ ๋์๋ key๊ฐ๊ณผ value๊ฐ์ ์ ๋ฐ์ดํ๋ฅผ ์ด์ฉํด์ ์ฌ์ฉํด ์ค์ผ ํ๋ค.
๋ํ null, number, array, object, boolean์ฌ์ฉ์ด ๊ฐ๋ฅํ๋ค.
์ ๋ ์ ๋ฐฐ์ด DOM์ ํ์ฉํด์
ํ์ด๋ถ๊ณผ ์ ์ ์์ฑํ ๋ชฉ์ ํ์ด์ง์ ์ถ๊ฐ์ ์ธ ๊ธฐ๋ฅ๋ค์ ์ ๋ ฅํ๋ ์๊ฐ์ ๊ฐ์ก๋ค.
๊ทธ๋ฐ๋ฐ DOM์์ ์์๋ค์ ์ถ๊ฐํ๊ณ ์กฐํํ๋ ๊ฒ๋ค์ ํ๋ํ๋ ๋ฐ์ ธ ๋ณด์์ ๋์๋
๊ฐ์ ์ด๋ค ์ญํ ์ ํ๋์ง ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง์ ๋ํด ์ดํดํ๋ ๊ฒ์ด ๊ทธ๋ฆฌ ์ด๋ ต์ง ์์๋๋ฐ
๋ง์ ์กฐ๊ฑด์ ๋ฃ์ด ํ์ฉํ๋ ค ํ๋ ์ ๋์ง ์์์ ๋๋ฌด ๋ง๋งํ๋ค. ๐
๊ทธ๋ฆฌ๊ณ ๊ณผ์ ๋ฅผ ์งํํ ๋ ๋ชฉ์ ํ์ด์ง๋ฅผ ์์ฑํ ๋์ ์ ๊ทน์ ์ธ ๋ด ๋ชจ์ต์ ์จ๋ฐ๊ฐ๋ฐ์์ด ์ฌ๋ผ์ก๊ณ
๊ธฐ๋ณธ ๊ฐ๋ ์ ์๋ ์์ด ๋ค์ฌ๋ค๋ณด๊ธฐ๋ง ํด์ ํ์ด๋ถ์๊ฒ ๋๋ฌด ์ฃ์กํ๋ค.
์ ๋ง ํ์ง์์ ์ด๋ฐ ์ผ์ ํ ํ ๋ฐ ๊ฑด๋๋ฆฌ์ง๋ ๋ชปํ๋ ๋ ์์ ์ด ๋๋ฌด๋ ๋ถ๋๋ฌ์ ๋ค.
๊ทธ๋์ ํ์ด๋ถ๊ป ๋ฏผํ๊ฐ ๋์ง ์๋ ์ ์์
๊ฐ๋ ์ดํด๊ฐ ๋ถ์กฑํ ๊ฒ ๊ฐ์ ์ข ๋ ๊ณต๋ถ๋ฅผ ํ๊ณ ์ค๊ฒ ๋ค๊ณ ํ๋ค.
(๊ทธ๊ฑธ ๋ ์์ผ์๋ฉด์ ์น์ ํ ๋ฐ์์ฃผ์ ํ์ด๋ ์์ ๊ฐ...โจ)
์ค๋ ์์ ๋นก๊ณต ํ๊ณ ๋ด์ผ ํ์ด๋ถ๊ป ์ ๋ฐ ๋ฏผํ๊ฐ ๋์ง ์๊ธฐ๋ฅผ...
'์๋ > Code-States' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[D+19] ๊ณ ์ฐจํจ์ (0) | 2020.09.25 |
---|---|
[D+18] ์ฌ์ฐจ์ ์ฐจ ์ผ๋จ ์ฑ๊ณต... (0) | 2020.09.24 |
[D+16] DOM (0) | 2020.09.22 |
[D+15] HTML / CSS (0) | 2020.09.21 |
[D+14] ๋์งธ ์ฃผ ํ๊ธฐ (0) | 2020.09.20 |
๋๊ธ