SharedArrayBuffer\ub294 \uc6f9\uc5d0\uc11c \uc2a4\ub808\ub4dc \uac04\uc758 \uacf5\uc720 \uba54\ubaa8\ub9ac\ub85c \uc0ac\uc6a9\ub41c\ub2e4. \uba54\uc778 \uc2a4\ub808\ub4dc\uc5d0\uc11c 4\ubc14\uc774\ud2b8 \ud06c\uae30\uc758 \uba54\ubaa8\ub9ac \ub9cc\ub4e4\uace0 \uc774\ub97c \uacf5\uc720\ud574 \uc6f9\uc6cc\ucee4\uc5d0\uc11c \uc774 4\ubc14\uc774\ud2b8\uc758 \ub370\uc774\ud130\ub97c \uc815\uc218\uac12\uc73c\ub85c \ud574\uc11d\ud574 \uac12\uc744 1 \uc99d\uac00\uc2dc\ud0a4\ub294 \uc608\uc81c\ub2e4. \uba3c\uc800 vite\ub85c \ud504\ub85c\uc81d\ud2b8\ub97c \uad6c\uc131\ud588\uc73c\uba70 main.js\uc758 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n
\r\nif (!crossOriginIsolated) {\r\n throw new Error('SharedArrayBuffer\ub97c \uc0ac\uc6a9\ud558\ub824\uba74 crossOriginIsolated \ud658\uacbd\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4.');\r\n}\r\n\r\nconst worker = new Worker('.\/worker.js');\r\nconst buffer = new SharedArrayBuffer(4);\r\nconst view = new Int32Array(buffer);\r\n\r\nview[0] = 42;\r\n\r\nworker.postMessage({ buffer });\r\n\r\nsetTimeout(() => {\r\n console.log('\uba54\uc778\uc5d0\uc11c \uc77d\uae30:', view[0]);\r\n}, 500);\r\n<\/pre>\n\uc774 \uc2dc\uc810\uc5d0\uc11c\ub294 2\uac00\uc9c0 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud574\uc57c \ud55c\ub2e4. \uccab\ubc88\uc9f8\ub294 \uc870\uac74\ubb38 if\uc5d0 \ub300\ud55c crossOriginIsolated\ub97c \ud1b5\uacfc\ud558\uc9c0 \ubabb\ud55c\ub2e4. \uc774\ub294 SharedArrayBuffer\ub97c \uc774\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 crossOriginIsolated\uac00 \uc124\uc815\ub418\uc5b4\uc57c \ud55c\ub2e4. \ub450\ubc88\uc9f8\ub294 worker.js \ud30c\uc77c\uc774 \uc874\uc7ac\ud558\uc9c0 \uc54a\ub294\ub2e4. \uccab\ubc88\uc9f8 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud574\uc11c \uba3c\uc800 \ub2e4\uc74c\uacfc \uac19\uc740 \uac1c\ubc1c\ud658\uacbd\uc744 \uc704\ud55c \ud328\ud0a4\uc9c0\ub97c \uc124\uce58\ud574\uc57c \ud55c\ub2e4.<\/p>\n
npm install -D vite-plugin-cross-origin-isolation<\/code><\/p>\n\uadf8\ub9ac\uace0 vite.config.js \ud30c\uc77c\uc744 \uc5f4\uc5b4, \uc5c6\ub2e4\uba74 \uc0dd\uc131\ud574\uc11c \ub2e4\uc74c\ucc98\ub7fc \ud50c\ub7ec\uadf8\uc778\uc744 \ucd94\uac00\ud55c\ub2e4.<\/p>\n
\r\nimport { defineConfig } from 'vite'\r\nimport crossOriginIsolation from \"vite-plugin-cross-origin-isolation\";\r\n\r\nexport default defineConfig({\r\n plugins: [\r\n crossOriginIsolation(),\r\n ],\r\n})\r\n<\/pre>\n\ub450\ubc88\uc9f8 \ubb38\uc81c\uc778 worker.js \ud30c\uc77c\uc744 public \ud3f4\ub354\uc5d0 \uc0dd\uc131\ud558\uace0 \ub2e4\uc74c\ucc98\ub7fc \uc791\uc131\ud55c\ub2e4.<\/p>\n
\r\nself.onmessage = (event) => {\r\n const buffer = event.data.buffer;\r\n const view = new Int32Array(buffer);\r\n\r\n console.log('\uc6cc\ucee4\uc5d0\uc11c \uc77d\uae30:', view[0]);\r\n\r\n \/\/ view[0] += 1;\r\n Atomics.add(view, 0, 1);\r\n\r\n console.log('\uc6cc\ucee4\uc5d0\uc11c \ubcc0\uacbd:', view[0]);\r\n}\r\n<\/pre>\n\uac12\uc744 1 \ub354\ud558\ub294 \ucf54\ub4dc\ub294 Atomics API\ub97c \uc774\uc6a9\ud574 \ub370\uc774\ud130 \uacbd\uc7c1\uc774 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\ub3c4\ub85d \ud558\ub294 \uac83\uc774 \ubc14\ub78c\uc9c1\ud558\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"
SharedArrayBuffer\ub294 \uc6f9\uc5d0\uc11c \uc2a4\ub808\ub4dc \uac04\uc758 \uacf5\uc720 \uba54\ubaa8\ub9ac\ub85c \uc0ac\uc6a9\ub41c\ub2e4. \uba54\uc778 \uc2a4\ub808\ub4dc\uc5d0\uc11c 4\ubc14\uc774\ud2b8 \ud06c\uae30\uc758 \uba54\ubaa8\ub9ac \ub9cc\ub4e4\uace0 \uc774\ub97c \uacf5\uc720\ud574 \uc6f9\uc6cc\ucee4\uc5d0\uc11c \uc774 4\ubc14\uc774\ud2b8\uc758 \ub370\uc774\ud130\ub97c \uc815\uc218\uac12\uc73c\ub85c \ud574\uc11d\ud574 \uac12\uc744 1 \uc99d\uac00\uc2dc\ud0a4\ub294 \uc608\uc81c\ub2e4. \uba3c\uc800 vite\ub85c \ud504\ub85c\uc81d\ud2b8\ub97c \uad6c\uc131\ud588\uc73c\uba70 main.js\uc758 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4. if (!crossOriginIsolated) { throw new Error(‘SharedArrayBuffer\ub97c \uc0ac\uc6a9\ud558\ub824\uba74 crossOriginIsolated \ud658\uacbd\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4.’); } const worker = new Worker(‘.\/worker.js’); const buffer = new SharedArrayBuffer(4); const … <\/p>\n