inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

object와 json

371

호두

작성한 질문수 3

1

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


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

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


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

javascript react

답변 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)

 

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

API 적용 안되는 코드 수정 방법입니다.

0

75

1

고양이 이미지가 엑박이 뜨네요

0

52

1

npx 명령어 사용 불가

1

75

1

const 변수와 컴포넌트의 차이

0

89

1

강의노트

0

140

1

vite로 리액트 빌드한 후 깃허브에 배포하는 방법

0

327

1

빌드할때 dist 폴더가 만들어지는데요,

0

773

1

js파일 업로드 요청

0

135

1

변경된 api 사용시 text 안나오는 문제

0

142

1

메인글자수정...

1

270

3

디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?

1

310

1

https://cataas.com/undefined 로 나오는데 왜그런건가요?

1

597

4

고양이 사진이 깨져요.ㅜㅜ

2

361

3

강의 노트 위치를 모르겠습니다

1

343

1

깃 강의노트 어디서 볼 수 있나요?

1

381

2

이해가 안되는 부분이 있어요

1

360

1

api가 안불러와지네요...

1

658

4

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

1

332

2

react에서 컴포넌트 만들 때 대문자를 쓰는 이유

2

1155

2

https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ

1

332

2

index.js 내용이 바꼈네용

1

319

2

프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.

1

261

2

html 코드 오류

1

463

2

고양이 이미지 깨져요

1

339

2