반응형
이전 글에 쓴 HTTP의 특징(비연결성, 상태없음) 때문에 쿠키를 사용하려고 한다
쉽고 간편하게 사용하기 위해 cookie.js 라이브러리는 사용해보자
① cookie.js 설치
⑴ NPM으로 설치
npm i js-cookie
⑵ CDN으로 사용
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
둘 중 편한 방법으로 사용한다
② set/get
// default 사이트 전체에서 확인 가능
Cookies.set('name', 'value')
// 7일 뒤 쿠키 만료
Cookies.set('name', 'value', { expires: 7 })
// 7일 뒤 쿠키 만료 + 현재 경로에서만 확인 가능
Cookies.set('name', 'value', { expires: 7, path: '' })
Cookies.get('name') // 'value'
Cookies.get('phone') // undefined
Cookies.get() // { name: 'value' }
③ delete
// path 지정하지 않은 경우
Cookies.remove('name')
// path 지정한 경우 {path: ''} 쿠키가 현재 경로에 있기 때문에 현재 경로에서만 remove 해야함
Cookies.remove('name', {path: ''})
github.com/js-cookie/js-cookie
반응형