자바스크립트 async/await와 테스트 주도 개발 (TDD)

10 Sep 2023

javascript

자바스크립트는 비동기 처리를 위해 콜백 함수, Promise, async/await 등 다양한 방식을 제공합니다. 특히, async/await는 ES8부터 도입된 기능으로, 비동기 코드를 동기적으로 작성할 수 있는 간편한 방법을 제공합니다. 이번 블로그 포스트에서는 자바스크립트의 async/await를 활용하여 효율적이고 안정적인 코드를 작성하는 방법과 함께, 테스트 주도 개발(Test-Driven Development, TDD) 접근 방식을 소개하겠습니다.

async/await란?

async/await는 자바스크립트의 비동기 처리를 위한 키워드입니다. async 키워드는 비동기 함수를 정의할 때 사용하고, await 키워드는 Promise를 기다리는 동안 다른 작업을 수행할 수 있도록 해줍니다. async/await를 사용하면 비동기 코드를 동기적으로 작성할 수 있으며, 콜백 지옥(callback hell)과 같은 복잡한 코드를 피할 수 있습니다.

async function fetchData() {
  const response = await fetch('https://example.com/api/data');
  const data = await response.json();
  // 데이터 처리 로직
  return data;
}

위 코드에서 fetchData 함수는 fetch 함수를 이용해 데이터를 비동기적으로 가져온 뒤, 처리 과정을 거친 뒤 데이터를 반환합니다. await 키워드를 사용하여 비동기 작업이 완료될 때까지 코드의 실행을 일시 중단하고, 비동기 작업이 완료되면 반환된 값을 변수에 할당합니다.

테스트 주도 개발 (TDD)

테스트 주도 개발은 소프트웨어 개발 방법론 중 하나로, 테스트 코드를 먼저 작성하고 테스트를 통과하게끔 기능을 구현하는 방식입니다. TDD는 안정적이고 유지보수 가능한 코드를 작성하는 데 도움을 주며, 코드의 품질을 높일 수 있습니다.

TDD에서는 우선 테스트부터 작성합니다. 예를 들어, 데이터를 가져와서 처리하는 비동기 함수를 구현한다고 가정해봅시다. 테스트 코드에서는 비동기 함수의 기능과 예상되는 반환 값을 검증하는 테스트 케이스를 작성합니다.

test('fetchData 함수가 데이터를 정상적으로 가져오는지 확인한다', async () => {
  const data = await fetchData();
  expect(data).toBeDefined();
  expect(data.length).toBeGreaterThan(0);
});

위의 테스트 코드에서 fetchData 함수를 호출하고, 반환된 데이터가 정상적으로 존재하며 길이가 0보다 큰지 확인합니다.

async/await와 TDD의 결합

async/await와 TDD를 결합하여 새로운 기능을 개발하는 과정에서 안정성과 효율성을 높일 수 있습니다. 먼저, 테스트를 작성하여 기능의 동작을 정의하고 검증합니다. 그런 다음, 테스트를 통과시키기 위해 필요한 비동기 함수를 구현합니다. 이렇게 구현된 함수는 테스트 코드를 실행하면서 동작을 검증할 수 있습니다. 이러한 반복적인 테스트 주도 개발 방식을 통해 코드의 품질을 향상시킬 수 있습니다.

test('fetchData 함수가 데이터를 정상적으로 가져오는지 확인한다', async () => {
  const data = await fetchData();
  expect(data).toBeDefined();
  expect(data.length).toBeGreaterThan(0);
});

async function fetchData() {
  const response = await fetch('https://example.com/api/data');
  // 데이터 처리 로직
  return data;
}

위의 예시 코드에서 fetchData 함수를 작성하기 전에 테스트 코드를 작성했습니다. 이제 fetchData 함수를 구현하고 테스트를 실행하면, 함수가 기대한 대로 동작하는지 확인할 수 있습니다.

마무리

자바스크립트의 async/await를 활용하여 효율적이고 안정적인 코드를 작성하고, 테스트 주도 개발 방식을 따라 테스트를 통과시키며 코드를 개선해 나갈 수 있습니다. async/await와 TDD는 서로 보완적인 개념이므로 목표를 달성하기 위해 함께 사용할 수 있습니다. 이를 통해 소프트웨어 개발 프로세스에서 안전성과 효율성을 높일 수 있습니다.