JSON์ ์ฆ์ ํฌ๋งทยท์ ๋ ฌยท๊ฒ์ฆํฉ๋๋ค. ๋ฌธ๋ฒ ์ค๋ฅ ์์น ์ ํํ ํ์. ์์ถยท๋ณต์ฌ ์ง์. ๊ฐ๋ฐ์ ํ์ ๋๊ตฌ. 2026๋
.
์์ ๋ถ๋ฌ์ค๊ธฐ
JSON ์
๋ ฅ
0์
JSON ํฌ๋งทํฐ / ๊ฒ์ฆ๊ธฐ ์ฌ์ฉ ๋ฐฉ๋ฒ
API ์๋ต, ์ค์ ํ์ผ, ๋ฐ์ดํฐ ํ์ผ์ JSON์ ํ์ธํ๊ฑฐ๋ ์ ๋ฆฌํ ๋ ์ด ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ธ์. JSON์ ์
๋ ฅ์ฐฝ์ ๋ถ์ฌ๋ฃ๊ณ ํฌ๋งท ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ค์ฌ์ฐ๊ธฐ์ ์ค๋ฐ๊ฟ์ด ์ ์ฉ๋ ์ฝ๊ธฐ ์ฌ์ด ํํ๋ก ๋ณํ๋ฉ๋๋ค. ๋ฌธ๋ฒ ์ค๋ฅ๊ฐ ์์ผ๋ฉด ์ค๋ฅ ์์น์ ์์ธ์ ์ ํํ ์๋ ค์ค๋๋ค.
์์ฃผ ๋ฐ์ํ๋ JSON ์ค๋ฅ ์ ํ ์ฐธ๊ณ ํ
| ์ค๋ฅ ์ ํ | ์๋ชป๋ ์์ | ์ฌ๋ฐ๋ฅธ ์์ |
| ์์๋ฐ์ดํ ์ฌ์ฉ | {'name': 'John'} | {"name": "John"} |
| ํค์ ๋ฐ์ดํ ์์ | {name: "John"} | {"name": "John"} |
| ํํ ์ผํ (trailing comma) | {"a":1, "b":2,} | {"a":1, "b":2} |
| ์ฃผ์ ์ฌ์ฉ | {"a":1 // ์ฃผ์} | {"a":1} |
| undefined ๊ฐ | {"a": undefined} | {"a": null} |
| ๊ดํธ ๋ถ์ผ์น | {"a": [1, 2} | {"a": [1, 2]} |
JSON ์ฃผ์ ๋ฌธ๋ฒ ๊ท์น
๋ฌธ์์ด: ๋ฐ๋์ ํฐ๋ฐ์ดํ("") ์ฌ์ฉ. ์์๋ฐ์ดํ('') ์ฌ์ฉ ๋ถ๊ฐ
ํค(key): ๋ฐ๋์ ํฐ๋ฐ์ดํ๋ก ๊ฐ์ธ์ผ ํจ. {name: ...} ํํ ๋ถ๊ฐ
์ผํ: ๋ง์ง๋ง ํญ๋ชฉ ๋ค์ ์ผํ ๋ถ๊ฐ (trailing comma)
๊ฐ ํ์
: ๋ฌธ์์ด, ์ซ์, boolean(true/false), null, ๋ฐฐ์ด[], ๊ฐ์ฒด{}
์ฃผ์: JSON ํ์ค์์ ์ฃผ์(//) ๋ฏธ์ง์
JSON ๋ฏธ๋ํ์ด(์์ถ) ์ฉ๋
JSON ๋ฏธ๋ํ์ด๋ ๊ณต๋ฐฑยท์ค๋ฐ๊ฟ์ ์ ๊ฑฐํด ๋ฐ์ดํฐ ํฌ๊ธฐ๋ฅผ ์ต์ํํฉ๋๋ค. API ์ ์ก ์ ํ์ด๋ก๋ ํฌ๊ธฐ ์ ์ฝ, ์ฝ๋์ JSON ์ธ๋ผ์ธ ์ฝ์
, ์คํ ๋ฆฌ์ง ๊ณต๊ฐ ์ ์ฝ ๋ฑ์ ํ์ฉ๋ฉ๋๋ค. Ctrl+Enter ๋จ์ถํค๋ก ๋น ๋ฅด๊ฒ ํฌ๋งทํ ์ ์์ต๋๋ค.
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
JSON ํฌ๋งทํฐ๋ ๋ฌด์์ธ๊ฐ์?
JSON ํฌ๋งทํฐ๋ ์์ถ๋ JSON ๋ฐ์ดํฐ๋ฅผ ๋ค์ฌ์ฐ๊ธฐ์ ์ค๋ฐ๊ฟ์ ์ ์ฉํด ์ฌ๋์ด ์ฝ๊ธฐ ์ฌ์ด ํํ๋ก ๋ณํํ๋ ๋๊ตฌ์
๋๋ค. API ์๋ต์ด๋ ์ค์ ํ์ผ ํ์ธ ์ ํ์์ ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค.
JSON ์ ํจ์ฑ ๊ฒ์ฌ ๋ฐฉ๋ฒ์?
JSON์ ๋ฌธ๋ฒ ์ค๋ฅ(๋ฐ์ดํ ๋๋ฝ, ์ผํ ์ค๋ฅ, ๊ดํธ ๋ถ์ผ์น ๋ฑ)๊ฐ ์์ผ๋ฉด ํ์ฑ์ด ์คํจํฉ๋๋ค. ์ด ๋๊ตฌ์ JSON์ ๋ถ์ฌ๋ฃ์ผ๋ฉด ์ค๋ฅ ์์น์ ์์ธ์ ์ฆ์ ํ์ธํ ์ ์์ต๋๋ค.
JSON ๋ฏธ๋ํ์ด(์์ถ)๋?
๊ณต๋ฐฑยท์ค๋ฐ๊ฟ์ ์ ๊ฑฐํด JSON์ ์ต์ ํฌ๊ธฐ๋ก ์์ถํ๋ ๊ฒ์
๋๋ค. API ์ ์ก ์ ๋ฐ์ดํฐ ํฌ๊ธฐ๋ฅผ ์ค์ด๊ฑฐ๋ ์ฝ๋์ ์ธ๋ผ์ธ์ผ๋ก ์ฝ์
ํ ๋ ์ฌ์ฉํฉ๋๋ค.
JSON๊ณผ JavaScript ๊ฐ์ฒด์ ์ฐจ์ด๋?
JavaScript ๊ฐ์ฒด๋ ํค์ ๋ฐ์ดํ ์์ด ์ธ ์ ์๊ณ ์ฃผ์๋ ํ์ฉ๋ฉ๋๋ค. JSON์ ํ์ค ๋ฐ์ดํฐ ๊ตํ ํ์์ผ๋ก ํค์ ๋ฐ๋์ ํฐ๋ฐ์ดํ๊ฐ ํ์ํ๊ณ ์ฃผ์์ด ๋ถ๊ฐํฉ๋๋ค.
JSON ๋ค์ฌ์ฐ๊ธฐ ๋ช ์นธ์ด ํ์ค์ธ๊ฐ์?
JSON ์์ฒด์๋ ๋ค์ฌ์ฐ๊ธฐ ํ์ค์ด ์์ต๋๋ค. ์ผ๋ฐ์ ์ผ๋ก 2์นธ ๋๋ 4์นธ ๊ณต๋ฐฑ์ ์ฌ์ฉํ๋ฉฐ, ์ผ๋ถ ํ๋ก์ ํธ๋ ํญ์ ์ฌ์ฉํฉ๋๋ค. ๊ฐ๋
์ฑ์ ์ํด ์ผ๊ด๋ ์คํ์ผ์ ์ ํํ์ธ์.
JSON์์ ํ์ฉ๋๋ ๊ฐ ํ์
์?
๋ฌธ์์ด(string), ์ซ์(number), ๋ถ๋ฆฌ์ธ(true/false), null, ๋ฐฐ์ด([]), ๊ฐ์ฒด({})์
๋๋ค. undefined, ํจ์, Date ๊ฐ์ฒด ๋ฑ์ JSON์์ ์ง์๋์ง ์์ต๋๋ค.
JSON ์ฃผ์์ ์ฌ์ฉํ ์ ์๋์?
ํ์ค JSON์์๋ ์ฃผ์(// ๋๋ /* */)์ ์ง์ํ์ง ์์ต๋๋ค. ์ฃผ์์ด ํ์ํ๋ค๋ฉด JSONC(JSON with Comments)๋ JSON5 ํ์์ ์ฌ์ฉํ๊ฑฐ๋, _comment ํค๋ก ์ฃผ์์ ๋์ ํ ์ ์์ต๋๋ค.
JSON trailing comma ์ค๋ฅ๋?
Trailing comma๋ ๋ฐฐ์ด์ด๋ ๊ฐ์ฒด์ ๋ง์ง๋ง ํญ๋ชฉ ๋ค์ ์ผํ๊ฐ ๋ถ๋ ๊ฒ์
๋๋ค. JavaScript์์๋ ํ์ฉ๋์ง๋ง JSON ํ์ค์์๋ ์ค๋ฅ์
๋๋ค. ์ด ๋๊ตฌ๋ก ๊ฒ์ฆํ๋ฉด ํด๋น ์ค๋ฅ๋ฅผ ๋ฐ๋ก ํ์ธํ ์ ์์ต๋๋ค.