document.cookie

    🍪 프론트엔드에서 우아하게 쿠키를 조회하는 방법

    안녕하세요, 오랜만에 쿠키를 조회하는 방법을 가지고 돌아왔습니다. 쿠키는 보통 사용자의 세션 관리, 개인화(사용자 선호 및 테마 설정), 추적(행동 기록 및 분석)을 위해 사용됩니다. 일반적으로 프론트엔드에서 서버에 요청을 하고 받아오는 응답의 HTTP 응답 헤더 중 Set-Cookie를 통해 서버에서 사용자 브라우저에 쿠키를 전송할 수 있습니다. 프론트엔드에서는 document 객체의 cookie에 접근하여 본인이 원하는 key, value를 문자열 형태로 지정하여 저장할 수 있습니다. document.cookie의 경우 도메인 별로 저장되며 전체 쿠키를 조회하여 가져올 때 쿠키 별로 세미콜론(;)으로 구분된 문자열로 반환됩니다. 이렇게 조회한 쿠키를 실제로 사용하기 위해 key별로 분리하여 반환하려면..