JSON

๐Ÿฆœ eunhye_kยท2022๋…„ 5์›” 15์ผ
0
post-custom-banner

๐Ÿ’ก JSON(JavaScript Object Notation)์ด๋ž€?

JSON์€ ์‚ฌ๋žŒ์ด ์ฝ์„ ์ˆ˜ ์žˆ๋Š” ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜์˜ ๋ฐ์ดํ„ฐ ๊ตํ™˜ ํ‘œ์ค€์ž…๋‹ˆ๋‹ค.

  • JSON์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™•์žฅํ•˜์—ฌ ๋งŒ๋“ค์–ด์กŒ์Šต๋‹ˆ๋‹ค.
  • JSON์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด ํ‘œ๊ธฐ๋ฒ•์„ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค.
  • JSON์€ ์‚ฌ๋žŒ๊ณผ ๊ธฐ๊ณ„๊ฐ€ ๋ชจ๋‘ ์ฝ๊ธฐ ํŽธํ•˜๋„๋ก ๊ณ ์•ˆ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • JSON์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์™€ ์šด์˜์ฒด์ œ์— ๋…๋ฆฝ์ ์ž…๋‹ˆ๋‹ค.

๐Ÿ’ก JSON ๋ฌธ๋ฒ•

1. ๋ฆฌํ„ฐ๋Ÿด(literal)

๋ฆฌํ„ฐ๋Ÿด(literal)์€ ๋ณ€์ˆ˜์™€ ๋‹ค๋ฅด๊ฒŒ ํ•ด์„๋˜๋Š” ๊ฐ’ ๊ทธ ์ž์ฒด๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

12     // ์ˆซ์ž ๋ฆฌํ„ฐ๋Ÿด
"JSON" // ๋ฌธ์ž์—ด ๋ฆฌํ„ฐ๋Ÿด
true   // ๋ถˆ๋ฆฌ์–ธ ๋ฆฌํ„ฐ๋Ÿด

2. ๊ฐ์ฒด(object)

๊ฐ์ฒด๋ž€ ์ด๋ฆ„(key)๊ณผ ๊ฐ’(value)์œผ๋กœ ๊ตฌ์„ฑ๋œ ํ”„๋กœํผํ‹ฐ(property)์˜ ์ •๋ ฌ๋˜์ง€ ์•Š์€ ์ง‘ํ•ฉ์ž…๋‹ˆ๋‹ค.

{
  "employees": [
    {
      "name": "Surim",
      "lastName": "Son"
    },
    {
      "name": "Someone",
      "lastName": "Huh"
    },
    {
      "name": "Someone else",
      "lastName": "Kim"
    } 
  ]
}
  • JSON ํ˜•์‹์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ key/value๊ฐ€ ์กด์žฌํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ key๊ฐ’์ด๋‚˜ ๋ฌธ์ž์—ด์€ ํ•ญ์ƒ ์Œ๋”ฐ์˜ดํ‘œ๋ฅผ ์ด์šฉํ•˜์—ฌ ํ‘œ๊ธฐํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.
  • ๊ฐ์ฒด, ๋ฐฐ์—ด ๋“ฑ์˜ ํ‘œ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ผ๋ฐ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ฐ์ฒด์ฒ˜๋Ÿผ ์›ํ•˜๋Š” ๋งŒํผ ์ค‘์ฒฉ์‹œ์ผœ์„œ ์‚ฌ์šฉํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.
  • JSONํ˜•์‹์—์„œ๋Š” null, number, string, array, object, boolean์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘‹ ๋งˆ์น˜๋ฉฐ

์Šคํ„ฐ๋”” ํ™œ๋™์„ ์œ„ํ•ด ๊ธฐ๋กํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
๋‹ค๋ฅด๊ฑฐ๋‚˜ ์ถ”๊ฐ€ํ•ด์•ผํ•  ๋‚ด์šฉ์ด ์žˆ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ์ฝ”๋ฉ˜ํŠธ ๋‚จ๊ฒจ์ฃผ์„ธ์š” :)

โœ‰ dmsp1234@gmail.com

๐Ÿ“ ์ฐธ๊ณ 



profile
UI/UX ๋””์ž์ธ์„ ๊ณต๋ถ€ํ•˜๋Š” ํผ๋ธ”๋ฆฌ์…” ์ž…๋‹ˆ๋‹ค (โ—'โ—ก'โ—)
post-custom-banner

0๊ฐœ์˜ ๋Œ“๊ธ€