프론트엔드
js-cookie
느바
2025. 5. 3. 11:59
반응형
js-cookie
js-cookie는 JavaScript에서 쿠키를 쉽게 설정하고 관리할 수 있도록 도와주는 작은 NPM 라이브러리입니다. 순수 JavaScript로 작성되었으며, 브라우저에서 쿠키를 간단하게 생성, 조회, 삭제할 수 있게 해줍니다.
주요 기능
1. 쿠키 설정 (Set a cookie)
Cookies.set('name', 'value');
- 기본적으로 path=/로 설정되며, 브라우저를 닫아도 유지됩니다.
- 유효기간 설정도 가능:
Cookies.set('name', 'value', { expires: 7 }); // 7일 동안 유지
2. 쿠키 읽기 (Get a cookie)
Cookies.get('name'); // => 'value'
3. 쿠키 삭제 (Delete a cookie)
Cookies.remove('name');
4. JSON 객체 저장 및 로드
Cookies.set('user', { name: 'Alice' }); // 자동으로 JSON.stringify
const user = Cookies.getJSON('user'); // 자동으로 JSON.parse
5. 보안 옵션 (Secure)
Cookies.set('name', 'value', { secure: true }); // HTTPS에서만 전송됨
설치 방법
npm install js-cookie
또는 브라우저에서 CDN으로 직접 사용 가능:
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
참고 사항
- document.cookie의 복잡한 구문을 추상화해 줘서 더 편리합니다.
- 서버 사이드(Node.js)에서는 작동하지 않으며, 클라이언트 브라우저 환경에서만 사용됩니다.
https://www.npmjs.com/package/js-cookie
js-cookie
A simple, lightweight JavaScript API for handling cookies. Latest version: 3.0.5, last published: 2 years ago. Start using js-cookie in your project by running `npm i js-cookie`. There are 9009 other projects in the npm registry using js-cookie.
www.npmjs.com