동시성은 여러 작업을 동시에 실행할 수 있는 프로그램의 기능입니다. JavaScript에서 동시성은 웹 작업자, async/await 및 약속과 같은 다양한 메커니즘을 통해 달성될 수 있습니다. 이 기사에서는 이러한 메커니즘을 살펴보고 이점과 한계에 대해 논의합니다.

1. 웹 작업자 웹 작업자는 JavaScript 코드가 별도의 스레드에서 실행되도록 하는 메커니즘입니다. Web Workers는 메인 스레드를 차단하지 않고 CPU 집약적인 작업을 수행하고자 할 때 유용합니다. 예를 들어 웹 작업자를 사용하여 UI를 고정하지 않고 복잡한 계산을 수행할 수 있습니다.

다음은 예입니다.

// main.js
const worker = new Worker('worker.js');
worker.postMessage('Hello from main.js');
worker.onmessage = (event) => {
  console.log('Received message from worker:', event.data);
};

// worker.js
self.onmessage = (event) => {
  console.log('Received message from main.js:', event.data);
  self.postMessage('Hello from worker.js');
};

다음은 예입니다.

async function getData() {
  const response = await fetch('https://example.com/data.json');
  const data = await response.json();
  return data;
}

다음은 예입니다.

fetch('https://example.com/data.json')
  .then((response) => response.json())
  .then((data) => console.log(data))
  .catch((error) => console.error(error));