쿠키를 아주 손쉽게 이용할 수 있게 해주는 jQuery Cookie 플러그인 입니다.

간단하게 사용방법을 말씀드리자면

$.cookie('the_cookie', 'the_value'); // 키값, 쿠키값

위와 같은 코드 한줄로 간단하게 쿠기를 쓸 수 있습니다.

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); // 키값, 쿠키값, 옵션

쿠키 값 호출은 $.cookie('the_cookie'); 요렇게 하면 됩니다.

아주 간단하죠!!!

자, 간단히 사용법을 알아보았으므로 이제 제목에 말씀드렸다시피 모바일 기기로 접속했을 때 모바일 페이지로 이동할건지 아니면 그냥 pc페이지로 이동할건지 여부를 물어서 쿠키값에 저장시키는 예제를 만들어보겠습니다.

우선 코드부터 보여드리면

if ($.cookie('vzm_move')==null)     {         var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson', 'SCH-', 'SPH-', 'LG-', 'CANU', 'IM-', 'EV-', 'Nokia');         for (var word in mobileKeyWords){             if (navigator.userAgent.match(mobileKeyWords[word]) != null){                 var conf = confirm('모바일기기로 접속하셨습니다. 모바일 페이지로 이동하시겠습니까?');                 if (conf==true)                 {                     location.href = "<?=$g4['m_path']?>/";                     break;                 } else {                     // set 쿠키                     $.cookie('vzm_move', 'false', { expires: 1 });                     return false;                 }             }         }     }

위와 같습니다 ^-^

이제 위 코드를 한번 뜯어봅시다 -_-;; 전부 뜯을필욘 없고 쿠키관련만 봅시다 ㅎㅎ

                var conf = confirm('모바일기기로 접속하셨습니다. 모바일 페이지로 이동하시겠습니까?');
                if (conf==true)
                {
                    location.href = "<?=$g4['m_path']?>/";
                    break;
                } else {
                    // set 쿠키
                    $.cookie('vzm_move', 'false', { expires: 1 });
                    return false;
                }

이동 안한다고 하면 PC페이지로 그냥 보여주면 되니까 이 때 쿠키에 false 값을 저장시킵니다.

옵션의 expires: 1 이건 날짜 설정 입니다. 숫자는 day를 뜻합니다. 1이면 하루 이겠죠 ^-^

    if ($.cookie('vzm_move')==null)

저장된 쿠키값이 없으면 모바일기기인지 다시 체크해서 confirm 날려주면 되니까 위 처럼 if로 쿠키값의 값이 있는지 체크하면 되겠죠?

---

※ 로그인 하시면 원본파일을 볼 수 있습니다. ※