
쿠키 기본사항
쿠키의 작동 방식을 이해하는 데 도움이 되는 가이드, 데모, 도구
쿠키란 무엇인가요?
HTTP 쿠키 이해: 웹 서버에서 쿠키를 설정한 후 웹브라우저에서 저장하고 전송하는 방식
서드 파티 쿠키
서드 파티 쿠키는 방문 중인 사이트와 다른 사이트에서 생성됩니다. 실제로는 어떤 의미인가요?
심층 분석
쿠키 속성
쿠키에는 쿠키가 설정되는지 여부와 만료 시기를 제어하는 속성이 포함될 수 있습니다.
HTTP 요청 및 응답
웹은 HTTP 프로토콜을 사용하여 리소스를 전송하고 쿠키를 설정합니다. 어떻게 작동하나요?
쿠키 데모
퍼스트 파티 쿠키, 서드 파티 쿠키, 크로스 사이트 추적
기본 쿠키
데모
퍼스트 파티 쿠키 데모
데모 페이지의 이미지 및 iframe 요청에 대한 응답으로 쿠키가 설정됩니다.
👉 1pc.glitch.me
👉 1pc.glitch.me
서드 파티 쿠키 데모
데모 페이지에는 다른 (서드 파티) 사이트의 이미지와 iframe이 포함되어 있습니다.
👉 3pc.glitch.me
👉 3pc.glitch.me
JavaScript 쿠키 데모
이 페이지에 포함된 JavaScript가 쿠키를 설정합니다.
👉 javascript-cookie.glitch.me
👉 javascript-cookie.glitch.me
SameSite 쿠키 데모
쿠키 추적
데모
크로스 사이트 쿠키 추적 데모
추적 픽셀 데모
두 페이지 모두 1픽셀 이미지를 포함하며, 이를 통해 쿠키가 이미지가 포함된 사이트에서 활동을 추적할 수 있습니다.
👉 tracking-pixel-a.glitch.me
👉 tracking-pixel-b.glitch.me
👉 tracking-pixel-a.glitch.me
👉 tracking-pixel-b.glitch.me
쿠키 가져오기 데모
이 페이지에 포함된 JavaScript는 교차 사이트 fetch() 호출을 실행하여 응답으로 쿠키를 설정합니다.
👉 fetch-cookie.glitch.me
👉 fetch-cookie.glitch.me