โ† TopTools365 ํ™ˆ์œผ๋กœ

๐Ÿ›  JSON ํฌ๋งทํ„ฐ / ๊ฒ€์ฆ๊ธฐ

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 ํ‘œ์ค€์—์„œ๋Š” ์˜ค๋ฅ˜์ž…๋‹ˆ๋‹ค. ์ด ๋„๊ตฌ๋กœ ๊ฒ€์ฆํ•˜๋ฉด ํ•ด๋‹น ์˜ค๋ฅ˜๋ฅผ ๋ฐ”๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.