강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

호두님의 프로필 이미지
호두

작성한 질문수

만들면서 배우는 리액트 : 기초

23 로컬스토리지에 데이터 싱크하기 2

object와 json

작성

·

365

·

수정됨

1

  1. localStorage 데이터는 json인가요?
    object와 json의 차이가 헷갈리는것 같습니다 ㅠㅠ😢


  2. 어떤 코드가 object 인지 json인지를 구별하는 방법이 있을까요?🫠
    (object key: value 형태,
    json "key": "value" -> string 형태의 단순 텍스트 라고 많이 나오는데요...)

-> localStorage 를 console에 찍어면 object로 나오는 것 같아서요


  1. JSON.stringify, JSON.parse 사용 관련해서요 이유가 궁금합니다🥹

답변 1

0

진유림님의 프로필 이미지
진유림
지식공유자

1. localStorage 데이터는 json인가요?

localstorage에는 string만 저장할 수 있습니다.

자바스크립트에서 제공하는 JSON.stringify함수를 사용해서 object를 string으로 변환할 수 있고, 이를 통해 변환한 string을 로컬스토리지에 저장합니다.

 

2. 어떤 코드가 object 인지 json인지를 구별하는 방법이 있을까요?🫠

자바스크립트가 사용하는 type은 다음과 같이 8개며, 여기에 json은 없습니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures

json의 형태를 띈 데이터를 자바스크립트는 object 타입으로 관리합니다.

 

전체 예시

  • 저장하고 싶은 오브젝트: {a: 1} (object)

  • JSON.stringify하면: "{a: 1}" (string)

  • localstorage.get으로 꺼내오면: "{a: 1}" (string)

  • 이를 JSON.parse로 json형태의 object로 변환시키면: {a: 1} (object)

 

이해가 안 가는 부분이 있으면 더 질문해주세요 ㅎㅎ

호두님의 프로필 이미지
호두

작성한 질문수

질문하기