JavasScript Cookie 쿠키 사용 예시

1. 사진처럼 개발자 도구에서 해당 메뉴를 통해 Cookie 에 저장된 key : value 를 확인할 수 있다.

<!--  모바일 팝업 -->	            
<c:if test="${fn:length(popList) gt 0 and cookie.m_popUpYn.value eq null }">
    <div id="m_display_view" class="mainPop js-mainPop id_popup1 m_main_pop" style="display:none;">
        <h1 class="mainPop_tag">공지<br>사항</h1>
        <div class="m_main_popslide swiper-container"> 
            <div class="swiper-wrapper">			 	    	
                <c:forEach var="list" items="${popList }" varStatus="status">
                    <div class="swiper-slide">
                        <h2 class="mainPop_tit">${util:unEscape(list.poTitle)}</h2>
                        <div class="mainPop_cont">
                            <p>${util:unEscape(list.poCont)}</p>
                            <span>
                                <c:if test="${list.poAtchFileId !=null && list.poAtchFileId !='' }">
                                    <img src="/atch/getImage.do?atchFileId=${list.poAtchFileId}&fileSn=0" alt="배너">
                                </c:if>
                            </span>
                        </div>  
                    </div> 
                </c:forEach>
            </div>
        </div>
</c:if>

2. JSTL 문법 내에서 cookie.key.value 를 통해 쿠키 값에 접근할 수 있다.

function fncP_PopUp(){       
    <c:forEach var="list" items="${popList}">            
        if($.cookie("p_popUpYn_${list.poSeq}") == null){
            if(hideChk.indexOf("/[${list.poSeq}]") == -1){
            }
        }
    </c:forEach>
}

3. jQuery 를 통해 cookie 에 접근할 수 있다.