TIL - 21.07.21 πŸ‘¨β€πŸ’» - Js, Recursion

μ„±ν›ˆΒ·2021λ…„ 7μ›” 21일
0

TIL

λͺ©λ‘ 보기
35/59
post-thumbnail

TIL - 21.07.21 πŸ‘¨β€πŸ’»

  • μž¬κ·€ν•¨μˆ˜
  • JSON

JSON JavaScript Object Notation

JSON(μ΄ν•˜ 제이슨)은 객체λ₯Ό λ¬Έμžμ—΄λ‘œ λ§Œλ“€λ•Œ λ©”μ†Œλ“œλ₯Ό μ‚¬μš©ν•˜λ©΄ 객체 μ•ˆμ— μ–΄λ–€ ν”„λ‘œνΌν‹°κ°€ μžˆλ”λΌλ„ {Object object}둜 ν‘œκΈ°λ˜λŠ” 것 λ•Œλ¬Έμ— μ‚¬μš©ν•˜λŠ” ν•˜λ‚˜μ˜ ν‘œκΈ°λ²•μ΄λ©°, ν”„λ‘œκ·Έλž¨ κ°„ 데이터λ₯Ό κ΅ν™˜ν•˜κΈ° μœ„ν•œ 방식이닀.

κ°μ²΄μ—μ„œ 제이슨으둜 λ³€ν™˜ν• λ•ŒλŠ” JSON.stringify(obj) λ©”μ†Œλ“œλ₯Ό μ‚¬μš©ν•˜κ³ ,
μ œμ΄μŠ¨μ—μ„œ 객체둜 λ³€ν™˜ν• λ•ŒλŠ” JSON.parse(json) λ©”μ†Œλ“œλ₯Ό μ‚¬μš©ν•˜λ©΄ λœλ‹€.

이쀑 κ°μ²΄μ—μ„œ 제이슨으둜 λ³€ν™˜ν•˜λŠ” 과정을 μ§λ ¬ν™”ν•œλ‹€κ³  ν•œλ‹€.

JSON 과 Object의 차이

μ–Έλœ»λ³΄λ©΄ ꡉμž₯히 λΉ„μŠ·ν•˜κ²Œ μƒκ²Όμ§€λ§Œ μ£Όμš”ν•œ 차이가 μžˆλ‹€.

ν”„λ‘œνΌν‹° ν‚€Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β 
JSONν‚€λŠ” 무쑰건 큰 λ”°μ˜΄ν‘œλ‘œ 감싸야 함.
Objectν‚€λŠ” ꡳ이 λ”°μ˜΄ν‘œ 없어도 됨

값이 λ¬Έμžμ—΄ μΌλ•Œ
JSONλ¬Έμžμ—΄ ν‘œκΈ°μ‹œ 무쑰건 큰 λ”°μ˜΄ν‘œ
Objectκ°’μœΌλ‘œ λ¬Έμžμ—΄ ν• λ‹Ήμ‹œ μ–΄λ–€ λ”°μ˜΄ ν‘œλ“  상관 μ—†μŒ.

λ˜ν•œ μ œμ΄μŠ¨μ€ 킀와 κ°’ 사이, ν‚€-κ°’ 쌍 사이에 곡백이 있으면 μ•ˆλœλ‹€.

let json = {"name":"sunghoon","age":9}

GOOD πŸ˜‰

μž¬κ·€ν•¨μˆ˜λž‘ 쑰금 μΉœν•΄μ‘Œλ‹€.
였늘 μ§„ν–‰ν•œ μŠ€ν”Œλ¦°νŠΈ 두가지 ( Tree UI, JSON.stringify κ΅¬ν˜„ ) λ₯Ό 어렀움 없이 ν’€μ–΄λƒˆλ‹€.

BAD πŸ˜₯

ν™”μš”μΌλΆ€ν„° λΆ™λ“€κ³  있던 토이λ₯Ό 아직도 ν’€κ³ μžˆλ‹€.

TO DO πŸ”₯

  • μž¬κ·€ν•¨μˆ˜ μˆ™λ ¨
  • λ…Έλ§ˆλ“œμ½”λ” λ¦¬μ•‘νŠΈ

Retrospect 🧐

였늘 μ†”μ§νžˆ μ’€ ν•œκ°€ν–ˆλ‹€.
그런데 ν•œκ°€ν•œ μ‹œκ°„μ„ 토이 문제 ν‘ΈλŠ”λ° μŸμ•˜λŠ”λ° 이게 λ¬Έμ œκ°€ ν’€λ €μ•Όν•˜λŠ”λ° μ•ˆν’€λ¦¬λŠ” κ΄΄ν˜„μƒμ΄ 일어났닀.

졜 μƒμœ„ ν•¨μˆ˜μ— μžˆλŠ” 반볡문 μ•ˆμ—μ„œ 리턴을 μ‹œμΌ°λ”λ‹ˆ ν•˜λΌλŠ” λ°˜ν™˜μ€ μ•ˆν•˜κ³  ν•¨μˆ˜λ₯Ό λ‹€μ‹œ μ‹€ν–‰μ‹œμΌœλ²„λ¦¬λŠ” 것.
이거 λ•Œλ¬Έμ— ν•œμ°Έ 골머리 μ•“κ³  μžˆλ‹€κ°€ 같이 κ³΅λΆ€ν•˜λŠ” λ™κΈ°ν˜•ν•œν…Œ μ½”λ“œ 보여주며 뭐가 λ¬Έμ œμΈκ°€ λ¬Όμ–΄λ΄€λ”λ‹ˆ, 자긴 μ½˜μ†”μ—μ„œ 잘 λ°˜ν™˜ λœλ‹€λŠ” 것이닀.

λ‚˜λŠ” μš°λΆ„νˆ¬μ“°κ³  κ·Έ ν˜•μ€ λ§₯ μ“°λŠ”λ° μƒκ°μΉ˜λ„ μ•Šμ€ κ³³μ—μ„œ 차이가 λ‚˜λ‹ˆ 어이가 μ’€ μ—†μ—ˆλ‹€.
μ–΄μ„œ λ§₯μ‹œμŠ€ν…œμœΌλ‘œ νƒˆμΆœν•΄μ•Όν•΄

Reference πŸ™‡

profile
μ–΄λ–»κ²Œ 이걸 ν’€μ–΄λ‚Ό 수 μžˆμ„κΉŒ

0개의 λŒ“κΈ€