자바스크립트에서의 동시성과 메모리 누수

10 Nov 2023

javascript

동시성은 프로그래밍 언어에서 중요한 개념 중 하나입니다. 자바스크립트는 싱글 스레드로 동작하는 언어이기 때문에 한 번에 한 작업만 처리할 수 있습니다. 하지만, 자바스크립트에서도 비동기 프로그래밍을 통해 동시성을 구현할 수 있습니다.

비동기 프로그래밍

비동기 프로그래밍은 여러 작업을 동시에 처리하기 위해 사용되는 기술입니다. 자바스크립트에서는 주로 콜백 함수, 프로미스, async/await 등을 사용하여 비동기 작업을 처리합니다.

콜백 함수

콜백 함수는 비동기 작업이 완료되면 호출되는 함수입니다. 예를 들어, setTimeout 함수는 일정 시간이 지난 후에 콜백 함수를 호출해주는데, 이를 이용하여 비동기 작업을 처리할 수 있습니다.

setTimeout(() => {
  console.log('비동기 작업 완료');
}, 1000);

프로미스

프로미스는 비동기 작업의 상태를 알려주는 객체입니다. 프로미스 객체는 성공(resolve) 또는 실패(reject) 상태를 가지며, 이를 이용하여 비동기 작업의 결과를 처리할 수 있습니다.

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('비동기 작업 완료');
  }, 1000);
});

promise.then(result => {
  console.log(result);
}).catch(error => {
  console.error(error);
});

async/await

async/await는 비동기 작업을 동기적으로 처리할 수 있도록 해주는 문법입니다. async 키워드로 함수를 선언하고, await 키워드를 사용하여 비동기 작업의 결과를 기다릴 수 있습니다.

async function fetchData() {
  try {
    const response = await fetch('https://example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

fetchData();

메모리 누수

자바스크립트에서 메모리 누수는 프로그램이 더 이상 사용하지 않는 메모리를 해제하지 않고 계속 보유하게 되는 현상을 말합니다. 이는 메모리 사용량이 계속해서 증가하여 성능 저하나 크러시 문제를 야기할 수 있습니다.