[Javascript] Cookie

바닐라 자바스크립트로도 쿠키를 사용할 수는 있지만, JQuery를 이용하면 아주 간단하게 쿠키를 관리할 수 있다.

쿠키는 특정 정보를 서버에 저장하지 않고 대신에 사용자의 로컬에 저장하는 방법을 말한다.

먼저 Cookie 관련 메소드를 사용하기 위해서는 별도의 jquery-cookie.js 를 임포트 해야 한다.

https://github.com/carhartl/jquery-cookie

위의 링크에서 다운로드 받고, 쿠키를 사용할 html에서 <script src="..."></script>로 임포트한다.

먼저 쿠키 생성은 $.cookie(key, value)의 형태로 한다.

생성할 때, 유효기간이나 보안방법 등을 추가로 설정할 수도 있지만, 여기에서는 다루지 않는다.

생성한 쿠키값을 가져오려면 $.cookie(key) 처럼 key를 기반으로 value를 가져온다.

만약 지정하지 않은 key를 사용할 경우 undefined를 리턴한다.

생성 후에, 완전히 사용이 끝났다고 판단되고 중요한 데이터라면, 반드시 쿠키를 폐기하는것이 좋다.

$.removeCookie(key)처럼 사용하여 해당 key와 value를 쿠키에서 삭제한다.

삭제 이후 $.cookie(key)를 하면, 존재하지 않는 key이므로 이 역시 undefined를 리턴한다.

-----------------------------------------------------------------------

유의사항

쿠키는 file System에서는 동작하지 않는다.

file:///C:/Users/test.html과 같은 경로일 경우 아무리 $.cookie(key, value)하더라도 저장되지 않는다.

반드시 서버에 올리고 해야 정상작동한다.