2 augusti, 2019 Incopia

javascript 쿠키 예제

특정 쿠키를 찾으려면 document.cookie를 ;로 분할한 다음 올바른 이름을 찾을 수 있습니다. 정규식이나 배열 함수를 사용하여 이를 수행할 수 있습니다. 기본적으로 쿠키는 쿠키를 설정한 도메인에서만 액세스할 수 있습니다. 따라서 쿠키가 site.com 의해 설정된 경우 other.com 쿠키를 얻지 못합니다. 배너와 함께 ads.com 원격 서버는 id=1234와 같은 쿠키로 Set-Cookie 헤더를 설정할 수 있습니다. 이러한 쿠키는 ads.com 도메인에서 시작되며 ads.com: 인증된 사용자에 대해서만 추적 쿠키를 설정하려는 경우에만 표시됩니다. 다음은 document.cookie의 수동 수정보다 더 편리한 쿠키와 함께 작동하는 작은 기능 집합입니다. 만료 날짜를 설정하고 쿠키 내에서 만료 날짜를 저장하여 현재 브라우저 세션을 넘어 쿠키의 수명을 연장할 수 있습니다. 이 작업은 `만료` 특성을 날짜 및 시간으로 설정하여 수행할 수 있습니다.

document.cookie 개체의 값이 쿠키이기 때문에 쿠키를 읽는 것은 쿠키를 작성하는 것만큼 간단합니다. 따라서 쿠키에 액세스할 때마다 이 문자열을 사용할 수 있습니다. document.cookie 문자열은 이름이 쿠키의 이름이고 값이 문자열 값인 세미콜론으로 구분된 name=value 쌍의 목록을 유지합니다. 문서 속성 쿠키를 사용하면 문서와 연결된 쿠키를 읽고 쓸 수 있습니다. 쿠키의 실제 값에 대한 게터 및 세터 역할을 합니다. 우리는 이미 이름, 값, 만료, 경로, 도메인 및 보안과 같은 쿠키의 다양한 부분을 배웠습니다. 간단한 쿠키를 만들어 봅시다. 다음 예제에서는 함수 이름 `CookieSet`을 작성하고 일부 속성을 설정했습니다. 경로 특성은 다른 경로에서 쿠키를 무단으로 읽지 못하도록 보호하지 않습니다. 예를 들어 쿠키의 경로가 있는 숨겨진 요소를 만든 다음 이 iframe의 contentDocument.cookie 속성에 액세스하여 DOM을 사용하여 쉽게 우회할 수 있습니다.

쿠키를 보호하는 유일한 방법은 동일한 원본 정책으로 인해 다른 도메인 또는 하위 도메인을 사용하는 것입니다. 위의 예제에서는 페이지에 날짜를 작성했지만 실제 생활에서는 Date 개체를 사용하여 현재 날짜를 입력한 다음 쿠키를 6개월 또는 10개월 만료하도록 설정할 수 있습니다. 쿠키는 서버 측과 클라이언트 측 간에 지속되는 정보의 양입니다. 웹 브라우저는 검색 시 이 정보를 저장합니다. 경로를 지정하지 않으면 일부 브라우저에서 쿠키를 삭제할 수 없습니다. 만료 속성은 쿠키에 만료 날짜를 지정할 수 있습니다. 만료 날짜가 있는 쿠키는 브라우징 세션 사이에 유지되며 만료 날짜에 도달하거나 방문자가 브라우저에 이를 지시할 때만 삭제됩니다.