쿠키 저장소 API

document.cookie =
  '__Secure-COOKIENAME=cookie-value' +
  '; Path=/' +
  '; expires=Fri, 12 Aug 2016 23:05:17 GMT' +
  '; Secure' +
  '; Domain=example.org';
// 이제 쓰기가 성공했다고 가정할 수 있지만, 실패는 조용히 발생하므로 알기 어렵다.
// 그래서 쓰기가 성공했는지 확인하기 위해 읽는다.
var successRegExp =
  /(^|; ?)__Secure-COOKIENAME=cookie-value(;|$)/;
if (String(document.cookie).match(successRegExp)) {
  console.log('성공!');
} else {
  console.error('실패하였으며, 이유를 알 수 없습니다.');
}

const one_day_ms = 24 * 60 * 60 * 1000;
cookieStore.set(
  {
    name: '__Secure-COOKIENAME',
    value: 'cookie-value',
    expires: Date.now() + one_day_ms,
    domain: 'example.org'
  }).then(function() {
    console.log('성공!');
  }, function(reason) {
    console.error(
      '실패하였으며, 이유는 다음과 같습니다:',
      reason);
  });
// 쿠키 저장소가 쓰기를 처리하는 동안 다른 작업을 할 수 있습니다.

try {
  const cookie = await cookieStore.get('session_id');
  if (cookie) {
    console.log(`${cookie.name} 쿠키 발견: ${cookie.value}`);
  } else {
    console.log('쿠키를 찾을 수 없음');
  }
} catch (e) {
  console.error(`쿠키 저장소 오류: ${e}`);
}

try {
  const cookies = await cookieStore.getAll('session_id'});
  for (const cookie of cookies)
    console.log(`결과: ${cookie.name} = ${cookie.value}`);
} catch (e) {
  console.error(`쿠키 저장소 오류: ${e}`);
}

await cookieStore.getAll({url: '/admin'});

await cookie = cookieStore.get('session_id');
console.log(`쿠키 범위 - Domain: ${cookie.domain} Path: ${cookie.path}`);
if (cookie.expires === null) {
  console.log('쿠키는 세션 종료 시 만료됩니다.');
} else {
  console.log(`쿠키 만료 시각: ${cookie.expires}`);
}
if (cookie.secure)
  console.log('쿠키는 보안 오리진에만 제한됩니다.');

try {
  await cookieStore.set('opted_out', '1');
} catch (e) {
  console.error(`쿠키 설정 실패: ${e}`);
}

await cookieStore.set({
  name: 'opted_out',
  value: '1',
  expires: null,  // 세션 쿠키

  // 기본적으로 domain은 null로 현재 도메인에만 범위가 한정된다.
  domain: null,
  path: '/'
});

try {
  await cookieStore.delete('session_id');
} catch (e) {
  console.error(`쿠키 삭제 실패: ${e}`);
}

try {
  const one_day_ms = 24 * 60 * 60 * 1000;
  await cookieStore.set({
    name: 'session_id',
    value: 'value will be ignored',
    expires: Date.now() - one_day_ms });
} catch (e) {
  console.error(`쿠키 삭제 실패: ${e}`);
}

cookieStore.addEventListener('change', event => {
  console.log(`${event.changed.length}개의 쿠키가 변경됨`);
  for (const cookie in event.changed)
    console.log(`쿠키 ${cookie.name}가 ${cookie.value}로 변경됨`);

  console.log(`${event.deleted.length}개의 쿠키가 삭제됨`);
  for (const cookie in event.deleted)
    console.log(`쿠키 ${cookie.name}가 삭제됨`);
});

self.addEventListener('activate', (event) => {
  event.waitUntil(async () => {
    // 현재 구독 상태 스냅샷
    const subscriptions = await self.registration.cookies.getSubscriptions();

    // 기존 구독 모두 해제
    await self.registration.cookies.unsubscribe(subscriptions);

    await self.registration.cookies.subscribe([
      {
        name: 'session_id',  // session_id 이름의 쿠키 변경 이벤트 수신
      }
    ]);
  });
});

self.addEventListener('cookiechange', event => {
  // event에는 Document 이벤트와 동일한 의미의 |changed|, |deleted| 속성이 있음
  console.log(`${event.changed.length}개의 쿠키가 변경됨`);
  console.log(`${event.deleted.length}개의 쿠키가 삭제됨`);
});

const subscriptions = await self.registration.cookies.getSubscriptions();
for (const sub of subscriptions) {
  console.log(sub.name, sub.url);
}

쿠키 이름이나 값을 정규화한다는 것은 string input이 주어졌을 때, input의 시작이나 끝에 있는 모든 U+0009 TAB 및 U+0020 SPACE를 제거하는 것이다.

[Exposed=(ServiceWorker,Window),
 SecureContext]
interface CookieStore : EventTarget {
  Promise<CookieListItem?> get(USVString name);
  Promise<CookieListItem?> get(optional CookieStoreGetOptions options = {});

  Promise<CookieList> getAll(USVString name);
  Promise<CookieList> getAll(optional CookieStoreGetOptions options = {});

  Promise<undefined> set(USVString name, USVString value);
  Promise<undefined> set(CookieInit options);

  Promise<undefined> delete(USVString name);
  Promise<undefined> delete(CookieStoreDeleteOptions options);

  [Exposed=Window]
  attribute EventHandler onchange;
};

dictionary CookieStoreGetOptions {
  USVString name;
  USVString url;
};

enum CookieSameSite {
  "strict",
  "lax",
  "none"
};

dictionary CookieInit {
  required USVString name;
  required USVString value;
  DOMHighResTimeStamp? expires = null;
  USVString? domain = null;
  USVString path = "/";
  CookieSameSite sameSite = "strict";
  boolean partitioned = false;
};

dictionary CookieStoreDeleteOptions {
  required USVString name;
  USVString? domain = null;
  USVString path = "/";
  boolean partitioned = false;
};

dictionary CookieListItem {
  USVString name;
  USVString value;
};

typedef sequence<CookieListItem> CookieList;

get(name) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. origin을 settings의 origin으로 설정합니다.

3. origin이 opaque origin이라면, "SecurityError" DOMException으로 거부된 promise를 반환합니다.

4. url을 settings의 생성 URL로 설정합니다.

5. p를 새 promise로 설정합니다.

6. 다음 단계들을 병렬로 실행합니다:

   1. list를 query cookies를 url과 name을 인자로 실행한 결과로 설정합니다.

   2. list가 실패라면, TypeError로 p를 거부하고 단계를 중단합니다.

   3. list가 비어 있다면, p를 null로 resolve합니다.

   4. 그 외에는, list의 첫 번째 항목으로 p를 resolve합니다.

7. p를 반환합니다.

get(options) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. origin을 settings의 origin으로 설정합니다.

3. origin이 opaque origin이라면, "SecurityError" DOMException으로 거부된 promise를 반환합니다.

4. url을 settings의 생성 URL로 설정합니다.

5. options가 비어 있다면 TypeError로 거부된 promise를 반환합니다.

6. options["url"] 이 존재한다면, 다음 단계를 실행합니다:

   1. parsed를 파싱 options["url"] 및 settings의 API base URL로 설정합니다.

   2. this의 관련 글로벌 객체가 Window이고, parsed가 url과 exclude fragments true로 같지 않으면, TypeError로 거부된 promise를 반환합니다.

   3. parsed의 origin과 url의 origin이 동일 출처가 아니면, TypeError로 거부된 promise를 반환합니다.

   4. url을 parsed로 설정합니다.

7. p를 새 promise로 설정합니다.

8. 다음 단계들을 병렬로 실행합니다:

   1. list를 url과 options["name"] query cookies에 넘기고, 기본값을 null로 하여 실행한 결과로 설정한다.

   2. list가 실패라면, TypeError로 p를 거부하고 단계를 중단합니다.

   3. list가 비어 있다면, p를 null로 resolve합니다.

   4. 그 외에는, list의 첫 번째 항목으로 p를 resolve합니다.

9. p를 반환합니다.

getAll(name) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. origin을 settings의 origin으로 설정합니다.

3. origin이 opaque origin이라면, "SecurityError" DOMException으로 거부된 promise를 반환합니다.

4. url을 settings의 생성 URL로 설정합니다.

5. p를 새 promise로 설정합니다.

6. 다음 단계들을 병렬로 실행합니다:

   1. list를 query cookies를 url과 name을 인자로 실행한 결과로 설정합니다.

   2. list가 실패라면, TypeError로 p를 거부합니다.

   3. 그 외에는, list로 p를 resolve합니다.

7. p를 반환합니다.

getAll(options) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. origin을 settings의 origin으로 설정합니다.

3. origin이 opaque origin이라면, "SecurityError" DOMException으로 거부된 promise를 반환합니다.

4. url을 settings의 생성 URL로 설정합니다.

5. options["url"] 이 존재한다면, 다음 단계를 실행합니다:

   1. parsed를 파싱 options["url"] 및 settings의 API base URL로 설정합니다.

   2. this의 관련 글로벌 객체가 Window이고, parsed가 url과 exclude fragments true로 같지 않으면, TypeError로 거부된 promise를 반환합니다.

   3. parsed의 origin과 url의 origin이 동일 출처가 아니면, TypeError로 거부된 promise를 반환합니다.

   4. url을 parsed로 설정합니다.

6. p를 새 promise로 설정합니다.

7. 다음 단계들을 병렬로 실행합니다:

   1. list를 url과 options["name"] query cookies에 넘기고, 기본값을 null로 하여 실행한 결과로 설정한다.

   2. list가 실패라면, TypeError로 p를 거부합니다.

   3. 그 외에는, list로 p를 resolve합니다.

8. p를 반환합니다.

set(name, value) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. origin을 settings의 origin으로 설정합니다.

3. origin이 opaque origin이라면, "SecurityError" DOMException으로 거부된 promise를 반환합니다.

4. url을 settings의 생성 URL로 설정합니다.

5. domain을 null로 설정합니다.

6. path를 "/"로 설정합니다.

7. sameSite를 strict로 설정합니다.

8. partitioned를 false로 설정합니다.

9. p를 새 promise로 설정합니다.

10. 다음 단계들을 병렬로 실행합니다:

    1. r을 set a cookie를 url, name, value, domain, path, sameSite, 그리고 partitioned로 실행한 결과로 설정합니다.

    2. r가 실패라면, TypeError로 p를 거부하고 단계를 중단합니다.

    3. p를 undefined로 resolve합니다.

11. p를 반환합니다.

set(options) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. origin을 settings의 origin으로 설정합니다.

3. origin이 opaque origin이라면, "SecurityError" DOMException으로 거부된 promise를 반환합니다.

4. url을 settings의 생성 URL로 설정합니다.

5. p를 새 promise로 설정합니다.

6. 다음 단계들을 병렬로 실행합니다:

   1. r을 set a cookie를 url, options["name"], options["value"], options["expires"], options["domain"], options["path"], options["sameSite"], 그리고 options["partitioned"]로 실행한 결과로 설정합니다.

   2. r가 실패라면, TypeError로 p를 거부하고 단계를 중단합니다.

   3. p를 undefined로 resolve합니다.

7. p를 반환합니다.

delete(name) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. origin을 settings의 origin으로 설정합니다.

3. origin이 opaque origin이라면, "SecurityError" DOMException으로 거부된 promise를 반환합니다.

4. url을 settings의 생성 URL로 설정합니다.

5. p를 새 promise로 설정합니다.

6. 다음 단계들을 병렬로 실행합니다:

   1. r을 delete a cookie를 url, name, null, "/", 그리고 true로 실행한 결과로 설정합니다.

   2. r가 실패라면, TypeError로 p를 거부하고 단계를 중단합니다.

   3. p를 undefined로 resolve합니다.

7. p를 반환합니다.

delete(options) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. origin을 settings의 origin으로 설정합니다.

3. origin이 opaque origin이라면, "SecurityError" DOMException으로 거부된 promise를 반환합니다.

4. url을 settings의 생성 URL로 설정합니다.

5. p를 새 promise로 설정합니다.

6. 다음 단계들을 병렬로 실행합니다:

   1. r을 delete a cookie를 url, options["name"], options["domain"], options["path"], 그리고 options["partitioned"]로 실행한 결과로 설정합니다.

   2. r가 실패라면, TypeError로 p를 거부하고 단계를 중단합니다.

   3. p를 undefined로 resolve합니다.

7. p를 반환합니다.

[Exposed=(ServiceWorker,Window),
 SecureContext]
interface CookieStoreManager {
  Promise<undefined> subscribe(sequence<CookieStoreGetOptions> subscriptions);
  Promise<sequence<CookieStoreGetOptions>> getSubscriptions();
  Promise<undefined> unsubscribe(sequence<CookieStoreGetOptions> subscriptions);
};

subscribe(subscriptions) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. registration을 this의 registration으로 설정합니다.

3. p를 새 promise로 설정합니다.

4. 다음 단계들을 병렬로 실행합니다:

   1. subscription list를 registration에 연결된 쿠키 변경 구독 목록으로 설정한다.

   2. 각 entry에 대해 subscriptions에서 아래 단계를 실행한다:

      1. name을 entry["name"]로 설정한다.

      2. name을 정규화한다.

      3. url을 파싱한 entry["url"]와 settings의 API 기본 URL의 결과로 설정한다.

      4. url이 registration의 scope url로 시작하지 않으면, p를 거부하고 TypeError로 에러를 발생시키고, 이 단계들을 중단한다.

      5. subscription을 쿠키 변경 구독 (name, url)로 설정한다.

      6. subscription list가 이미 subscription을 포함하지 않는다면, subscription을 subscription list에 추가한다.

   3. p를 undefined로 resolve한다.

5. p를 반환합니다.

getSubscriptions() 메서드 단계:

1. registration을 this의 registration으로 설정합니다.

2. p를 새 promise로 설정합니다.

3. 다음 단계들을 병렬로 실행합니다:

   1. subscriptions를 registration의 연관된 쿠키 변경 구독 목록으로 설정합니다.

   2. result를 새로운 리스트로 설정합니다.

   3. subscriptions의 각 subscription에 대해 다음 단계를 실행합니다:

      1. «[ "name" → subscription의 name, "url" → subscription의 url]»를 result에 추가합니다.

   4. p를 result로 resolve합니다.

4. p를 반환합니다.

unsubscribe(subscriptions) 메서드 단계:

1. settings를 this의 관련 설정 객체로 설정합니다.

2. registration을 this의 registration으로 설정합니다.

3. p를 새 promise로 설정합니다.

4. 다음 단계들을 병렬로 실행합니다:

   1. subscription list를 registration의 연관된 쿠키 변경 구독 목록으로 설정합니다.

   2. subscriptions의 각 entry에 대해 다음 단계를 실행합니다:

      1. name을 entry["name"]로 설정한다.

      2. name을 정규화한다.

      3. url을 파싱한 entry["url"]와 settings의 API 기본 URL의 결과로 설정한다.

      4. url이 registration의 scope url로 시작하지 않으면, p를 거부하고 TypeError로 에러를 발생시키고, 이 단계들을 중단한다.

      5. subscription을 쿠키 변경 구독 (name, url)로 설정한다.

      6. subscription list에서 subscription과 같은 item을 제거한다.

   3. p를 undefined로 resolve합니다.

5. p를 반환합니다.

[Exposed=(ServiceWorker,Window)]
partial interface ServiceWorkerRegistration {
  [SameObject] readonly attribute CookieStoreManager cookies;
};

self.registration.cookies.subscribe([{name:'session-id'}]);

navigator.serviceWorker.register('sw.js').then(registration => {
  registration.cookies.subscribe([{name:'session-id'}]);
});

[Exposed=Window,
 SecureContext]
interface CookieChangeEvent : Event {
  constructor(DOMString type, optional CookieChangeEventInit eventInitDict = {});
  [SameObject] readonly attribute FrozenArray<CookieListItem> changed;
  [SameObject] readonly attribute FrozenArray<CookieListItem> deleted;
};

dictionary CookieChangeEventInit : EventInit {
  CookieList changed;
  CookieList deleted;
};

[Exposed=ServiceWorker]
interface ExtendableCookieChangeEvent : ExtendableEvent {
  constructor(DOMString type, optional ExtendableCookieChangeEventInit eventInitDict = {});
  [SameObject] readonly attribute FrozenArray<CookieListItem> changed;
  [SameObject] readonly attribute FrozenArray<CookieListItem> deleted;
};

dictionary ExtendableCookieChangeEventInit : ExtendableEventInit {
  CookieList changed;
  CookieList deleted;
};

[SecureContext]
partial interface Window {
  [SameObject] readonly attribute CookieStore cookieStore;
};

partial interface ServiceWorkerGlobalScope {
  [SameObject] readonly attribute CookieStore cookieStore;

  attribute EventHandler oncookiechange;
};

날짜와 시간 dateTime을 타임스탬프로 표현하려면, 1970년 1월 1일 00:00:00 UTC부터 dateTime까지의 밀리초 수를 반환합니다 (하루에 정확히 86,400,000 밀리초라고 가정).

참고: 이는 시간 값이 [ECMAScript]에서 사용하는 표현과 동일합니다.

millis라는 DOMHighResTimeStamp를 일자 직렬화하려면, dateTime을 1970년 1월 1일 00:00:00 UTC 이후 millis 밀리초 후의 날짜 및 시각으로 설정하고 (하루에 정확히 86,400,000 밀리초라고 가정), dateTime에 대해 바이트 시퀀스를 반환하는데, 이는 Cookies § Dates에 따른 가장 가까운 cookie-date 표현입니다.

쿠키를 질의한다 는 것은 URL url과 string 또는 null name이 주어진 경우 다음과 같이 한다:

1. Cookies § Retrieval Model에 정의된 단계에 따라 url을 request-uri로 하여 "cookie-string from a given cookie store"를 계산한다. cookie-string 자체는 무시되지만, 중간에 생성된 cookie-list는 이후 단계에서 사용된다.

   이 단계에서는 cookie-string이 "non-HTTP" API를 위해 생성된 것으로 간주한다.

2. list를 새로운 list로 설정한다.

3. 각 cookie에 대해 cookie-list에서 다음 단계를 실행한다:

   1. Assert: cookie의 http-only-flag가 false임을 보장한다.

   2. name이 null이 아니면:

      1. name을 정규화한다.

      2. cookieName을 UTF-8 BOM 없이 디코딩한 cookie의 name의 결과로 설정한다.

      3. cookieName이 name과 같지 않다면, 다음 반복으로 넘어간다.

   3. item을 CookieListItem을 생성한 cookie의 결과로 설정한다.

   4. item을 list에 추가한다.

4. list를 반환한다.

CookieListItem을 생성한다 는 것은 cookie cookie가 주어졌을 때 다음과 같이 한다:

1. name을 UTF-8 BOM 없이 디코딩한 cookie의 name의 결과로 설정한다.

2. value를 UTF-8 BOM 없이 디코딩한 cookie의 value의 결과로 설정한다.

3. «[ "name" → name, "value" → value ]»를 반환한다.

Note: 한 구현체는 _name_과 _value_ 외의 정보를 노출하는 것으로 알려져 있다.

쿠키를 설정한다는 것은 url, name, value, 선택적 expires, domain, path, sameSite, 그리고 partitioned 가 주어졌을 때 다음 단계를 실행한다:

1. name을 정규화한다.

2. value를 정규화한다.

3. name 또는 value에 U+003B (;)가 포함되어 있거나, U+0009 TAB을 제외한 어떤 C0 제어 문자 또는 U+007F DELETE가 포함되어 있다면, 실패를 반환한다.

   이 문자 제한이 expires, domain, path, sameSite에도 적용되어야 하는지 논의 중임에 유의. [httpwg/http-extensions Issue #1593]

4. name에 U+003D (=)가 포함되어 있다면, 실패를 반환한다.

5. name의 길이가 0이라면:

   1. value에 U+003D (=)가 포함되어 있다면, 실패를 반환한다.

   2. value의 길이가 0이라면, 실패를 반환한다.

   3. value를 바이트 소문자로 변환한 결과가 __host- 또는 __host-http-, __http-, __secure- 중 하나로 시작하면, 실패를 반환한다.

6. name을 바이트 소문자로 변환한 결과가 __host-http- 또는 __http-로 시작하면, 실패를 반환한다.

7. encodedName을 UTF-8 인코딩한 name의 결과로 설정한다.

8. encodedValue를 UTF-8 인코딩한 value의 결과로 설정한다.

9. encodedName의 바이트 시퀀스 길이와 encodedValue의 바이트 시퀀스 길이의 합이 최대 name/value 쌍 크기를 초과하면, 실패를 반환한다.

10. host를 url의 host로 설정한다.

11. attributes를 새로운 list로 설정한다.

12. domain이 null이 아니라면, 다음 단계를 실행한다:

    1. domain이 U+002E (.)로 시작하면, 실패를 반환한다.

    2. name을 바이트 소문자로 변환한 결과가 __host-로 시작하면, 실패를 반환한다.

    3. domain이 host의 등록 가능한 도메인 접미사도 아니고 host와 같지도 않으면, 실패를 반환한다.

    4. parsedDomain을 host 파싱한 domain의 결과로 설정한다.

    5. Assert: parsedDomain이 실패가 아님을 보장한다.

    6. encodedDomain을 UTF-8 인코딩한 parsedDomain의 결과로 설정한다.

    7. encodedDomain의 바이트 시퀀스 길이가 최대 속성 값 크기를 초과하면, 실패를 반환한다.

    8. Domain/encodedDomain을 attributes에 추가한다.

13. expires가 주어지면, append `Expires`/expires (날짜 직렬화됨)을 attributes에 추가한다.

14. path가 빈 문자열이라면, path를 직렬화된 쿠키 기본 경로로 url에 대해 설정한다.

15. path가 U+002F (/)로 시작하지 않으면 실패를 반환한다.

16. path가 U+002F (/)가 아니고, name을 바이트 소문자화한 값이 `__host-`로 시작하면 실패를 반환한다.

17. encodedPath를 UTF-8 인코딩한 path의 결과로 설정한다.

18. encodedPath의 바이트 시퀀스 길이가 최대 속성 값 크기를 초과하면 실패를 반환한다.

19. `Path`/encodedPath를 attributes에 추가한다.

20. `Secure`/``를 attributes에 추가한다.

21. sameSite에 따라 분기한다:

    "none"

    `SameSite`/`None`을 attributes에 추가한다.

    "strict"

    `SameSite`/`Strict`를 attributes에 추가한다.

    "lax"

    `SameSite`/`Lax`를 attributes에 추가한다.

22. partitioned가 true이면, `Partitioned`/``를 attributes에 추가한다.

23. Cookies § 저장 모델에 정의된 단계를 url을 request-uri로, encodedName을 cookie-name으로, encodedValue를 cookie-value로, attributes를 cookie-attribute-list로 하여, 사용자 에이전트가 "쿠키를 수신"할 때 수행한다.

    이 단계의 목적상, 새로 생성된 쿠키는 "non-HTTP" API에서 수신된 것으로 간주한다.

24. 성공을 반환한다.

    참고: 쿠키 저장은 여전히 [RFC6265BIS-14]의 요구사항으로 인해 실패할 수 있지만, 이 단계는 성공으로 간주된다.

쿠키를 삭제한다 는 것은 url, name, domain, path, 그리고 partitioned 가 주어졌을 때 다음 단계를 실행한다:

1. expires를 타임스탬프로 표시된 가장 이른 표현 가능한 날짜로 설정한다.

   Note: 이 알고리즘에서는 expires의 정확한 값은 중요하지 않으며, 과거의 값이면 충분하다.

2. name을 정규화한다.

3. value를 빈 문자열로 설정한다.

4. name의 길이가 0이면, value를 비어있지 않은 구현 정의된 문자열로 설정한다.

5. set a cookie 알고리즘을 url, name, value, expires, domain, path, "strict", partitioned로 실행한 결과를 반환한다.

쿠키 변경 처리를 하려면 다음 단계를 실행합니다:

1. 모든 Window window에 대해 다음 단계를 실행합니다:

   1. url을 window의 관련 설정 객체의 생성 URL로 설정합니다.

   2. changes를 관찰 가능한 변경의 url에 대한 값으로 설정합니다.

   3. changes가 비어 있다면 다음 반복으로 이동합니다.

   4. 글로벌 태스크 큐를 DOM 조작 태스크 소스에 window를 주고, change 이벤트 발행을 "change" 이름과 changes 및 window의 CookieStore에 대해 실행합니다.

2. 모든 서비스 워커 등록 registration에 대해 다음 단계를 실행합니다:

   1. changes를 새로운 집합으로 설정합니다.

   2. 각 change에 대해 관찰 가능한 변경의 registration의 scope url에 대해 다음 단계를 실행합니다:

      1. cookie를 change의 cookie로 설정합니다.

      2. 각 subscription에 대해 registration의 쿠키 변경 구독 목록에 대해 다음 단계를 실행합니다:

         1. change가 포함되어 있지 않으면 관찰 가능한 변경의 subscription의 url에 대해, 다음 반복으로 이동합니다.

         2. cookieName을 cookie의 UTF-8 BOM 없이 디코드한 name으로 설정합니다.

         3. cookieName이 subscription의 name과 같다면, change를 changes에 추가하고 break합니다.

   3. changes가 비어 있다면 다음 반복으로 이동합니다.

   4. changedList와 deletedList를 목록 준비를 changes로 실행한 결과로 설정합니다.

   5. 기능성 이벤트 발행을 "cookiechange" 이름과, ExtendableCookieChangeEvent 타입으로 registration에 다음 속성으로 실행합니다:

      changed

      changedList

      deleted

      deletedList

url의 관찰 가능한 변경은 집합이며, 쿠키 변경 중 쿠키가 쿠키 저장소에서, Cookies § 조회 알고리즘의 1단계 요구사항을 만족하는 경우입니다. url은 request-uri로 사용되며, "non-HTTP" API 용입니다.

쿠키 변경은 쿠키와 타입(변경됨 또는 삭제됨)로 구성됩니다:

• 동일한 name, domain, path의 다른 쿠키가 삽입되어 제거된 쿠키는 무시합니다.

• 즉시 제거되지 않은 새로 생성된 쿠키는 변경됨으로 간주됩니다.

• 즉시 제거된 새로 생성된 쿠키는 삭제됨으로 간주됩니다.

• 그 외의 이유로 제거된 쿠키는 삭제됨으로 간주됩니다.

type 이름과 changes 및 target으로 change 이벤트 발행을 하려면 다음 단계를 실행합니다:

1. event를 Event 생성을 CookieChangeEvent 타입으로 실행한 결과로 설정합니다.

2. event의 type 속성을 type으로 설정합니다.

3. event의 bubbles 와 cancelable 속성을 false로 설정합니다.

4. changedList와 deletedList를 목록 준비를 changes로 실행한 결과로 설정합니다.

5. event의 changed 속성을 changedList로 설정합니다.

6. event의 deleted 속성을 deletedList로 설정합니다.

7. event를 target에 디스패치합니다.

changes로 목록 준비를 하려면 다음 단계를 실행합니다:

1. changedList를 새로운 리스트로 설정합니다.

2. deletedList를 새로운 리스트로 설정합니다.

3. 각 change에 대해 changes에 다음 단계를 실행합니다:

   1. item을 change의 cookie로 CookieListItem 생성을 실행한 결과로 설정합니다.

   2. change의 타입이 변경됨이면 item을 changedList에 추가합니다.

   3. 그 외에는 다음 단계를 실행합니다:

      1. item["value"] 를 undefined로 설정합니다.

      2. item을 deletedList에 추가합니다.

4. changedList와 deletedList를 반환합니다.