[typescript] async/await를 사용하여 데이터 유효성 검사 방법

08 Dec 2023

typescript

이 포스트에서는 TypeScript에서 async/await를 사용하여 데이터 유효성을 검사하는 방법에 대해 알아보겠습니다. async/await는 JavaScript 및 TypeScript에서 비동기 코드를 더 쉽게 작성할 수 있도록 하는 기능이며, 데이터 유효성 검사는 프로그램에서 중요한 부분 중 하나입니다.

1. async/await란 무엇인가?

async/await는 JavaScript 및 TypeScript에서 비동기 코드를 처리하기 위한 기능 중 하나로, Promise를 사용하여 구현됩니다. async 키워드는 함수가 비동기적으로 동작함을 나타내며, await 키워드는 Promise가 처리될 때까지 기다린 후 다음 코드를 실행합니다.

2. 데이터 유효성 검사에 async/await 적용하기

아래는 TypeScript에서 async/await를 사용하여 데이터 유효성을 검사하는 예제 코드입니다.

interface User {
  username: string;
  email: string;
  password: string;
}

async function validateUser(user: User): Promise<string> {
  if (!user.username) {
    return "Username is required.";
  }

  if (!user.email) {
    return "Email is required.";
  }

  if (!user.password) {
    return "Password is required.";
  }

  // 여기서 데이터베이스나 외부 소스로부터 데이터를 가져오는 등의 비동기 작업 수행
  const isUsernameTaken = await checkIfUsernameExists(user.username);
  if (isUsernameTaken) {
    return "Username is already taken.";
  }

  const isEmailTaken = await checkIfEmailExists(user.email);
  if (isEmailTaken) {
    return "Email is already registered.";
  }

  return "User is valid.";
}

async function checkIfUsernameExists(username: string): Promise<boolean> {
  // 비동기 작업 수행
}

async function checkIfEmailExists(email: string): Promise<boolean> {
  // 비동기 작업 수행
}

위 예제에서 validateUser 함수는 User 인터페이스를 매개변수로 받아 해당 데이터의 유효성을 검사합니다. 이때, 함수 내부에서 await 키워드를 사용하여 비동기 작업을 수행하고, Promise를 반환합니다.

3. 결론

async/await를 사용하여 데이터 유효성을 검사하면 코드를 더 간결하게 작성할 수 있고, 비동기 작업을 보다 직관적으로 다룰 수 있습니다. 이를 통해 TypeScript 프로젝트에서 데이터 유효성 검사를 보다 효율적으로 수행할 수 있습니다.

참고문헌: