Javascript 대표적인 WebAPI

document.cookie = 'kyojin=1'
document.cookie = 'owen=2'

const setCookie = (name, value, exp, path = '/') => {
  let date = new Date()
  // getTime : 현재 시간을 밀리초(1/1000초)로 얻는다.
  date.setTime(date.getTime() + exp * 24 * 60 * 60 * 1000)

  // 객체나 배열이 전달될 경우 JSON.stringify로 변환
  const cookieValue = typeof value === 'object' ? JSON.stringify(value) : value

  document.cookie = `${name}=${cookieValue}; expires=${date.toUTCString()}; path=${path};`
}

setCookie('kyojin', true, 3)

const getCookie = (name) => {
  const cookie = document.cookie.split('; ').find((item) => item.split('=')[0] === name)
  if (!cookie) return null // 해당 쿠키가 없으면 null 반환

  const value = cookie.split('=')[1]

  // JSON 문자열인 경우 파싱, 그렇지 않으면 원래 값 반환
  try {
    return JSON.parse(value)
  } catch (e) {
    return value
  }
}

getCookie('kyojin')

const deleteCookie = (name, path = '/') => {
  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=${path};`
}

deleteCookie('kyojin')

sessionStorage.setItem('session', JSON.stringify({ token: 123456 }))
localStorage.setItem('local', JSON.stringify({ token: 123123 }))

console.log(JSON.parse(sessionStorage.getItem('session')))
console.log(JSON.parse(localStorage.getItem('local')))

sessionStorage.removeItem('session')
localStorage.removeItem('local')