๐Ÿ› ๏ธ์œ ํ‹ธ๋ฆฌํ‹ฐ ํ—ˆ๋ธŒ
๐Ÿ’ฌํ”ผ๋“œ๋ฐฑ
๐Ÿ  ํ™ˆ์œผ๋กœ

๐Ÿ—‚๏ธ JSON ํฌ๋งทํ„ฐ & ๋ทฐ์–ด

JSON์„ ๋ถ™์—ฌ๋„ฃ์œผ๋ฉด ์ž๋™ ๋“ค์—ฌ์“ฐ๊ธฐยท์ตœ์†Œํ™”ยทํŠธ๋ฆฌ ๋ทฐ๋กœ ์ฆ‰์‹œ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ๋ฒ• ์˜ค๋ฅ˜๋„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๊ฐ์ง€ํ•ฉ๋‹ˆ๋‹ค.

JSON ์ž…๋ ฅ
JSON์„ ์ž…๋ ฅํ•˜๋ฉด ๊ฒฐ๊ณผ๊ฐ€ ์—ฌ๊ธฐ์— ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค
์œ ํšจํ•œ JSON์„ ์ž…๋ ฅํ•˜๋ฉด ์—ฌ๊ธฐ์— ๊ฒฐ๊ณผ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
๐Ÿ“ข๊ด‘๊ณ  ์˜์—ญ728 ร— 90

์ถ”์ฒœ ๋„๊ตฌ

๐Ÿ”์ •๊ทœํ‘œํ˜„์‹ ํ…Œ์Šคํ„ฐ
๐Ÿ”‘๋น„๋ฐ€๋ฒˆํ˜ธ ์ƒ์„ฑ๊ธฐ & ๊ฐ•๋„ ๋ถ„์„๊ธฐ
๐Ÿ“๊ธ€์ž ์ˆ˜ & ๋ฐ”์ดํŠธ ๊ณ„์‚ฐ๊ธฐ

JSON ํฌ๋งทํ„ฐ & ๋ทฐ์–ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

JSON(JavaScript Object Notation)์€ ์›น API์™€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ๊ตํ™˜ํ•  ๋•Œ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ๋Ÿ‰ ๋ฐ์ดํ„ฐ ํ˜•์‹์ž…๋‹ˆ๋‹ค. JSON ํฌ๋งทํ„ฐ๋Š” ์••์ถ•๋˜๊ฑฐ๋‚˜ ์ฝ๊ธฐ ์–ด๋ ค์šด JSON ๋ฌธ์ž์—ด์„ ๋“ค์—ฌ์“ฐ๊ธฐ์™€ ์ค„๋ฐ”๊ฟˆ์ด ์ ์šฉ๋œ ๊ฐ€๋…์„ฑ ๋†’์€ ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ํ•˜๊ณ , ๊ตฌ๋ฌธ ์˜ค๋ฅ˜๋ฅผ ์ฆ‰์‹œ ๊ฒ€์ถœํ•ฉ๋‹ˆ๋‹ค. ํŠธ๋ฆฌ ๋ทฐ ๊ธฐ๋Šฅ์€ ์ค‘์ฒฉ๋œ ๊ฐ์ฒด์™€ ๋ฐฐ์—ด์˜ ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ํ‘œํ˜„ํ•ด ๋ณต์žกํ•œ JSON ๊ตฌ์กฐ๋ฅผ ์‰ฝ๊ฒŒ ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. ๋กœ๊ทธ ๋ถ„์„, API ์‘๋‹ต ๋””๋ฒ„๊น…, ์„ค์ • ํŒŒ์ผ ํŽธ์ง‘ ๋“ฑ ๋‹ค์–‘ํ•œ ๊ฐœ๋ฐœ ์ž‘์—…์— ํ•„์ˆ˜ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.

์ฃผ์š” ํ™œ์šฉ ์‚ฌ๋ก€

๐Ÿ”
API ์‘๋‹ต ๋””๋ฒ„๊น…
REST API๋‚˜ GraphQL์—์„œ ๋ฐ›์€ JSON ์‘๋‹ต์„ ์ฆ‰์‹œ ์ •๋ ฌํ•˜๊ณ , ํŠธ๋ฆฌ ๋ทฐ๋กœ ์›ํ•˜๋Š” ํ•„๋“œ๋ฅผ ๋น ๋ฅด๊ฒŒ ํƒ์ƒ‰ํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ“ฆ
์„ค์ • ํŒŒ์ผ ํŽธ์ง‘
package.json, tsconfig.json ๋“ฑ ์„ค์ • ํŒŒ์ผ์˜ ๊ตฌ์กฐ๋ฅผ ๊ฒ€์ฆํ•˜๊ณ  ๊ฐ€๋…์„ฑ ๋†’๊ฒŒ ํฌ๋งทํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ“‰
๋ฐ์ดํ„ฐ ์••์ถ•(Minify)
ํ”„๋กœ๋•์…˜ ๋ฐฐํฌ ์ „ JSON์„ ์ตœ์†Œํ™”ํ•ด ๋„คํŠธ์›Œํฌ ์ „์†ก ํฌ๊ธฐ๋ฅผ ์ค„์ด๊ณ  ์„ฑ๋Šฅ์„ ์ตœ์ ํ™”ํ•ฉ๋‹ˆ๋‹ค.
๐ŸŒณ
ํŠธ๋ฆฌ ๊ตฌ์กฐ ํƒ์ƒ‰
๊นŠ๊ฒŒ ์ค‘์ฒฉ๋œ JSON ๊ฐ์ฒด๋ฅผ ํด๋”ฉ/ํŽผ์นจ ํŠธ๋ฆฌ๋กœ ํƒ์ƒ‰ํ•ด ์›ํ•˜๋Š” ํ‚ค๋ฅผ ๋น ๋ฅด๊ฒŒ ์ฐพ์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ ๋ฐฉ๋ฒ•

  1. 1
    JSON ์ž…๋ ฅ
    ์™ผ์ชฝ ์—๋””ํ„ฐ์— JSON์„ ์ง์ ‘ ๋ถ™์—ฌ๋„ฃ๊ฑฐ๋‚˜ ์ƒ˜ํ”Œ ๋ฐ์ดํ„ฐ ๋ฒ„ํŠผ์œผ๋กœ ์˜ˆ์‹œ๋ฅผ ๋ถˆ๋Ÿฌ์˜ต๋‹ˆ๋‹ค.
  2. 2
    ๋ทฐ ๋ชจ๋“œ ์„ ํƒ
    ๋ณด๊ธฐ ์ข‹๊ฒŒ ์ •๋ ฌ(Pretty), ํŠธ๋ฆฌ ๋ทฐ(Tree), ์••์ถ•(Minify) ์ค‘ ์›ํ•˜๋Š” ํ˜•์‹์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.
  3. 3
    ๋ณต์‚ฌ ๋ฐ ํ™œ์šฉ
    ๊ฒฐ๊ณผ๋ฅผ ๋ณต์‚ฌ ๋ฒ„ํŠผ์œผ๋กœ ํด๋ฆฝ๋ณด๋“œ์— ๋ณต์‚ฌํ•ด ๋ฐ”๋กœ ์ฝ”๋“œ์— ๋ถ™์—ฌ๋„ฃ์Šต๋‹ˆ๋‹ค.

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ (FAQ)