2026년 상식닷컴 선정 식당 & 카페 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요

타입스크립트에서 비동기 함수의 타입은 어떻게 정의하나요?

_____
Q1: 타입스크립트에서 비동기 함수의 타입은 어떻게 정의하나요?
A1: 비동기 함수는 항상 `Promise`를 반환하므로, 함수의 반환 타입은 `Promise<반환값타입>`으로 정의합니다. 예를 들어, 숫자를 반환하는 비동기 함수는 다음과 같이 정의합니다.
```typescript
async function example(): Promise {
return 42;
}
```

Q2: 일반 함수에서 비동기 함수 타입을 명시하려면 어떻게 하나요?
A2: 함수 표현식 또는 화살표 함수에서도 마찬가지로 `Promise<반환값타입>`으로 반환 타입을 지정합니다. 예:
```typescript
const asyncFunc: () => Promise = async () => {
return "hello";
};
```

Q3: 비동기 함수가 반환하는 Promise 내부 타입을 특정할 수 있나요?
A3: 네, `Promise<타입>`에서 `<타입>` 부분에 어떤 타입이든 명시할 수 있습니다. 예를 들어, 객체를 반환한다면:
```typescript
async function getUser(): Promise<{ id: number; name: string }> {
return { id: 1, name: "Alice" };
}
```

Q4: 반환값이 없는 (void) 비동기 함수는 어떻게 타입을 정의하나요?
A4: 반환값이 없으면 `Promise`로 타입을 지정합니다.
```typescript
async function logMessage(): Promise {
console.log("Hello");
}
```

Q5: 비동기 함수의 파라미터 타입도 어떻게 지정하나요?
A5: 일반 함수와 동일하게 파라미터 타입을 지정합니다. 반환 타입만 `Promise<...>`로 감싸면 됩니다.
```typescript
async function fetchData(id: number): Promise {
// id로 데이터를 가져와 문자열을 반환
return "data";
}
```

Q6: 타입 별칭이나 인터페이스에서 비동기 함수 타입을 선언하려면?
A6: 함수 시그니처에 반환 타입을 `Promise<...>`로 명시합니다.
```typescript
type AsyncFunction = (param: string) => Promise;

interface AsyncInterface {
fetch: (url: string) => Promise;
}
```

---

요약하자면, 타입스크립트에서 비동기 함수는 내부적으로 `Promise`를 반환하므로, 함수 반환 타입을 항상 `Promise<실제반환값타입>`으로 명확히 선언해야 합니다.
타입스크립트에서 비동기 함수의 타입을 정의하는 것은 비동기 프로그래밍을 다루는 데 있어 중요한 부분입니다.

비동기 함수는 일반적으로 `Promise` 객체를 반환하며, 이는 함수가 완료될 때까지 기다릴 수 있는 방법을 제공합니다.

비동기 함수의 타입을 정의하는 방법에 대해 자세히 살펴보겠습니다.

1. 기본적인 비동기 함수 정의 비동기 함수는 `async` 키워드를 사용하여 정의할 수 있습니다.

이 함수는 항상 `Promise`를 반환합니다.

기본적인 비동기 함수의 타입 정의는 다음과 같습니다: ```typescript async function fetchData(): Promise { // 비동기 작업 수행 return "데이터"; } ``` 위의 예제에서 `fetchData` 함수는 `Promise`을 반환합니다.

이는 이 함수가 문자열을 포함하는 `Promise`를 반환한다는 것을 의미합니다.



2. 비동기 함수의 매개변수 타입 정의 비동기 함수는 매개변수를 가질 수 있으며, 이 매개변수의 타입도 정의할 수 있습니다.

예를 들어, 다음과 같이 매개변수의 타입을 정의할 수 있습니다: ```typescript async function fetchDataWithId(id: number): Promise { // 비동기 작업 수행 return `데이터: ${id}`; } ``` 여기서 `id` 매개변수는 `number` 타입으로 정의되어 있습니다.



3. 반환 타입이 다른 비동기 함수 비동기 함수는 다양한 타입의 데이터를 반환할 수 있습니다.

예를 들어, 객체를 반환하는 비동기 함수는 다음과 같이 정의할 수 있습니다: ```typescript interface User { id: number; name: string; } async function fetchUser(id: number): Promise { // 비동기 작업 수행 return { id, name: "사용자 이름" }; } ``` 이 예제에서 `fetchUser` 함수는 `Promise`를 반환하며, 이는 `User` 인터페이스를 따르는 객체를 포함하는 `Promise`입니다.



4. 제네릭을 사용한 비동기 함수 타입스크립트의 제네릭을 사용하여 비동기 함수의 반환 타입을 동적으로 정의할 수도 있습니다.

예를 들어: ```typescript async function fetchData(): Promise { // 비동기 작업 수행 return {} as T; // 실제 데이터로 대체해야 함 } ``` 이 함수는 호출 시점에 제네릭 타입 `T`를 받아 해당 타입의 `Promise`를 반환합니다.



5. 비동기 함수의 에러 처리 비동기 함수에서 발생할 수 있는 에러를 처리하는 방법도 중요합니다.

`try-catch` 블록을 사용하여 에러를 처리할 수 있습니다: ```typescript async function fetchDataWithErrorHandling(): Promise { try { // 비동기 작업 수행 throw new Error("오류 발생"); } catch (error) { console.error(error); throw error; // 에러를 다시 던지거나 다른 처리를 할 수 있음 } } ```

6. 비동기 함수의 타입 정의 예시 다양한 비동기 함수의 타입 정의를 종합하여 예시를 들어보겠습니다: ```typescript interface ApiResponse { data: T; status: number; } async function fetchApiData(url: string): Promise> { const response = await fetch(url); const data = await response.json(); return { data, status: response.status }; } ``` 이 함수는 URL을 받아 해당 API의 응답을 `ApiResponse` 형태로 반환합니다.

호출 시점에 `T`를 지정하여 반환 타입을 유연하게 설정할 수 있습니다.

결론 타입스크립트에서 비동기 함수의 타입을 정의하는 것은 함수의 입력과 출력을 명확하게 하고, 코드의 가독성과 유지보수성을 높이는 데 매우 중요합니다.

`Promise`를 반환하는 비동기 함수의 기본적인 정의부터 시작하여, 매개변수, 반환 타입, 제네릭, 에러 처리 등을 통해 비동기 함수의 타입을 효과적으로 정의할 수 있습니다.

이러한 접근 방식은 타입스크립트의 강력한 타입 시스템을 활용하여 안전하고 예측 가능한 코드를 작성하는 데 기여합니다.

작성자: 김지훈 [비회원] | 작성일자: 1년 전 2024-09-10 05:32:10
조회수: 157 | 댓글: 0 | 좋아요: 0 | 싫어요: 0
내용이 부정확하다면 싫어요를 클릭해주세요.



- 상식이 혼자 웹과 앱을 만들어서 오류가 많을 겁니다. 심각한 오류 신고 대환영입니다. 카톡: sangseek
- AI 사용과 번역기 사용으로 번역 및 정보에 오류가 있을 수 있습니다. 심각한 오류는 신고해주세요.
- 상식닷컴에서 작성한 내용은 '상식닷컴' 출처 남기고 상업적으로 사용하시면 됩니다. 타인의 내용은 작성자에게 문의를 하세요. 몇몇 출처가 불확실한 내용 또는 이미지들도 있습니다. 따로 연락을 주시면 출처 확인해드리겠습니다.
- 제휴 링크를 통해 상품 및 서비스를 구매하시면 상식닷컴은 제휴 업체로부터 수수료를 받습니다. 결제 금액이 다른 곳과 동일하다면 상식닷컴에서 제공하는 링크를 통해서 구매해주시면 감사하겠습니다. 상식닷컴 사이트 유지를 위해서 사용하겠습니다.
전 세계 상식닷컴 여행지도 다운로드
구글 지도 네비게이션과 연결되므로 강추!
Get it on Google Play
문의: [email protected]
2026 sangseek.com