JavaScript는 document 객체를 통해 문서와 관련된 다양한 정보를 다룰 수 있도록 지원합니다. 이 객체가 제공하는 document.cookie 속성을 사용하면 특정 문서에 연결된 쿠키를 간단하게 가져올 수 있습니다. 이 방법은 코드의 다른 부분에 전혀 영향을 주지 않으므로 안전하게 사용할 수 있습니다.
문법
cookie = document.cookie;
예제
다음 예제에서는 document.cookie를 사용하여 현재 문서에 연결된 쿠키를 가져오고, 그 결과를 화면에 출력합니다.
<html>
<body>
<p id="cookie"></p>
<script>
document.getElementById("cookie").innerHTML =
"이 문서에 연결된 쿠키: " + document.cookie;
</script>
</body>
</html>실행 결과
이 문서에 연결된 쿠키: __gads=ID=d8f23645916eff32:T=1559194976:S=ALNI_MZiHCQMqRpHFrUORCA63QNhEZSDFg; _ga=GA1.2.1225192854.1559194940; G_ENABLED_IDPS=google; qa_user_id=djl6Z3J3YkJWd2loN0ZzTEdrWTJjQT09; PHPSESSID=3e102fc373866clf69p2583m45; __utmz=55973678.1562912992.131.8.utmccn=(referral)|utmcsr=google.com|utmcct=/|utmcmd=referral; _gid=GA1.2.694316508.1564029750; editor_font_size=14; QASESSIONID=5d73npkehf89kqcdjg4fq571a6; __utmc=55973678; __atuvc=43%7C26%2C44%7C27%2C49%7C28%2C49%7C29%2C24%7C30; __utmb=55973678; __utma=55973678.1225192854.1559194940.1564137677.1564145427.177; _gat_gtag_UA_128776493_12=1
참고 사항
document.cookie는 세미콜론(;)으로 구분된 문자열 형태로 모든 쿠키를 한 번에 반환합니다. 따라서 특정 쿠키의 값을 추출하려면 split(';')으로 문자열을 분리한 후, 원하는 키-값 쌍을 찾아 사용하는 것이 일반적입니다. 또한 HttpOnly로 설정된 쿠키는 JavaScript를 통해 접근할 수 없다는 점도 유의해야 합니다.