쿡북

설계상의 이유로 인터페이스에 넣을 수 없지만 자주 요청되는 기능을 이 페이지에 모았습니다.

ES6 모듈

규칙 사이에서 ES6 모듈을 가져오거나 내보낼 수는 없지만, 인터넷에 있는 모듈은 예를 들어 다음과 같이 사용할 수 있습니다.

js

;(async () => {
  const { module } = await import("https://...")
  // your code is here
})()

버전 2.x 방식으로 모듈 불러오기

버전 3.x 이상에서는 모듈을 처음 불러올 때 캐시하고, 이후에는 모듈 편집 창에서 수동으로만 업데이트합니다. 모듈은 더 이상 사이트의 DOM 트리에서 불러오지 않고 스크립트에 직접 포함됩니다.

DOM에서 불러와야 하거나 외부 스크립트를 자주 업데이트해야 한다면 확장 프로그램의 모듈 기능 대신 JS로 직접 불러오는 편이 좋습니다.

js

Promise.allSettled([
  loadScript("https://...js"),
  loadScript("https://...js"),
]).then(() => {
  // your code is here
})

function loadScript(src) {
  return new Promise(function (resolve, reject) {
    const script = document.createElement("script")
    script.src = src
    script.onload = resolve
    script.onerror = reject
    document.head.append(script)
  })
}