MapleStory Cookie With Halo

โœจ UI/๐Ÿ’› JS

[JS]JSON

๋‰ด์ด NUEY 2024. 12. 28. 00:55
๋ฐ˜์‘ํ˜•

 

JSON
JavaScript Object Notion
{  }

 

jsonํ˜•ํƒœ

 

  • key : value ํ˜•ํƒœ.

  • ์„œ๋ฒ„์™€ js์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

  • ๋ณ€์ˆ˜ = {key1: value1, key2 : value2...};
    ์ด๋ ‡๊ฒŒ ๋งŽ์ด ๋‹ด์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 


 

๋ฐ์ดํ„ฐ๋ฅผ ๊บผ๋‚ด ์“ฐ๋Š” ๋ฐฉ๋ฒ•

 

json๊ฐ์ฒด.key๋ช…

 


๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด๋Š”๋ฐฉ๋ฒ•

 

ํ‚ค๋Š” ์›ํ•˜๋Š” ์ด๋ฆ„์œผ๋กœ ์ ๊ณ  : value๋ฅผ ๋„ฃ๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

 


 

JSON ๊ฐ์ฒด ↔ javascript ๊ฐ์ฒด
๋ณ€ํ™˜

 

โ€ป jsonํ˜•ํƒœ๋ผ๊ณ  json์ด ์•„๋‹ˆ๋ผ
jsonํ˜•ํƒœ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ณ€ํ™˜์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

 

javascript ๊ฐ์ฒด

 


 

JSON.stringify( )
: javascript → JSON

 

json ๊ฐ์ฒด

 

๐ŸŒŸ ๋ฐ์ดํ„ฐ๋ฅผ ์„œ๋ฒ„๋กœ ์ „์†กํ•˜๊ธฐ ์ „์— ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•  ๋•Œ

 


 

JSON.parse( )
:   JSON javascript

 

json์•ˆ์˜ json

 

๐ŸŒŸ ์„œ๋ฒ„์—์„œ ๋ฐ›์€ JSON ๋ฐ์ดํ„ฐ๋ฅผ JavaScript์—์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋ณ€ํ™˜ํ•  ๋•Œ 

 


 

json๋ฐฐ์—ด

 

json์•ˆ์˜ json

 

json์•ˆ์˜ ๋ฐฐ์—ด

 

 


 

โ€ป A-jax์—์„œ๋„ ๋งŽ์ด ์‚ฌ์šฉ๋˜๊ณ , server์— ์ „๋‹ฌํ•ด java๋‹จ์—์„œ collection์— ๋‹ด๊ธฐ์œ„ํ•ด์„œ๋„ ์ •๋ง ๋งŽ์ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
โ€ป json ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ข…๋ฅ˜๋Š” Gson, json-simple ๋“ฑ ๋‹ค์–‘ํ•ฉ๋‹ˆ๋‹ค.
VScode์˜ setting.json๋„ jsonํŒŒ์ผ๋กœ ๋˜์–ด์žˆ๋Š” ๊ฒƒ์ด ๋ณด์ž…๋‹ˆ๋‹ค.

 

๋ฐ˜์‘ํ˜•