[Today I Learned] 11월 4주차 day3

json(javascript object notation)

• 자바스크립트의 데이터를 표현하는 포맷파일
• 하나의 문자데이터이다.

사용이유

클라이언트와 서버간 요청과 응답을 주고 받을때 데이터의 형식을 통일시켜 주고받는 것의 효율성을 증진 시킴.

storage

웹 스토리지 객체(web storage object)인 localStorage
와 sessionStorage는 브라우저 내에 키-값 쌍을 저장할 수 있게 해준다.

session stage는 페이지를 닫을때 데이터가 만료되지만,
local stage는 데이터가 만료되지 않는다(반영구적, 많이 쓰임)

localstorage api

const user = {
  name: 'kevin',
  age: 25,
  address: 'newyork'
}

localStorage.setItem('user',user)        // 순서대로 'user'라는 키와 , user 라는 밸류값을 localstorage에 저장 
localStorage.setItem('user',JSON.stringify(user))  // value값에 있는 변수를 JSON 객체 메서드를 통해 문자로 변환한 후 localstorage에 저장

console.log(localStorage.getItem('user'))      // 키값을 통해서 해당 storage에 있는 데이터를 가져온다.
console.log(JSON.parse(localStorage.getItem('user')))      // 키값을 통해서 JSON객체 메서드를 통해 js문법으로 다시 변환 후 해당 storage에 있는 데이터를 가져온다.

localStorage.removeItem('user')             // 로컬스토리지에 있는 키값인 user 데이터를 지워줌.

[참고자료]

storage참고