수정하기 - 타입스크립트에서 유니온 타입(Union Type)이란 무엇인가요?

닉네임

비밀번호

제목

내용 [이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]

타입스크립트(TypeScript)에서 유니온 타입(Union Type)은 변수나 함수의 매개변수, 반환값 등이 여러 가지 타입 중 하나일 수 있음을 나타내는 타입 시스템의 기능입니다. 즉, 유니온 타입을 사용하면 하나의 변수에 여러 타입을 허용할 수 있어 보다 유연한 프로그래밍이 가능합니다.            유니온 타입의 정의    유니온 타입은 파이프(`|`) 기호를 사용하여 여러 타입을 결합하여 정의합니다. 예를 들어, `string | number`라는 유니온 타입은 해당 변수나 매개변수가 문자열(string) 또는 숫자(number)일 수 있음을 의미합니다.           유니온 타입의 사용 예시    ```typescript  function printId(id: number | string) {      console.log(`Your ID is: ${id}`);  }    printId(101); // 숫자 타입  printId("202"); // 문자열 타입  ```    위의 예시에서 `printId` 함수는 `number` 또는 `string` 타입의 `id`를 매개변수로 받을 수 있습니다. 호출 시 숫자 또는 문자열을 전달할 수 있으며, 타입스크립트는 이를 허용합니다.           유니온 타입의 장점    1.   유연성  : 유니온 타입을 사용하면 하나의 변수에 여러 타입을 허용할 수 있어 코드의 유연성이 증가합니다. 이는 특히 API 응답이나 다양한 데이터 형식을 다루는 경우에 유용합니다.    2.   타입 안전성  : 타입스크립트는 유니온 타입을 사용하여 코드의 타입 안전성을 보장합니다. 즉, 잘못된 타입이 전달될 경우 컴파일 타임에 오류를 발생시켜 개발자가 실수를 미리 방지할 수 있습니다.    3.   코드 가독성  : 유니온 타입을 사용하면 코드의 의도를 명확하게 표현할 수 있습니다. 어떤 값이 여러 타입 중 하나일 수 있다는 것을 명시적으로 나타내므로, 다른 개발자들이 코드를 이해하기 쉬워집니다.           유니온 타입과 타입 가드    유니온 타입을 사용할 때는 타입 가드를 통해 특정 타입을 확인하고 안전하게 사용할 수 있습니다. 타입 가드는 특정 타입인지 확인하는 조건문을 사용하여, 해당 타입에 맞는 <a href='https://sangseek.com/sangseeks/로직/ko'>로직</a>을 실행할 수 있도록 도와줍니다.    ```typescript  function printId(id: number | string) {      if (typeof id === "string") {          console.log(`Your ID is a string: ${id}`);      } else {          console.log(`Your ID is a number: ${id}`);      }  }  ```    위의 예시에서 `typeof` 연산자를 사용하여 `id`가 문자열인지 숫자인지를 확인하고, 그에 따라 다른 로직을 실행합니다. 이를 통해 타입스크립트는 타입 안전성을 유지하면서도 유연한 코드를 작성할 수 있게 합니다.           유니온 타입의 제한 사항    유니온 타입은 여러 타입을 허용하지만, 모든 타입에 공통적으로 존재하는 속성이나 메서드에 접근할 때는 주의가 필요합니다. 예를 들어, `string | number` 타입의 변수에 대해 `toFixed()` 메서드를 호출하면 오류가 발생합니다. 이는 `toFixed()`가 숫자에만 존재하는 메서드이기 때문입니다.    ```typescript  function formatId(id: number | string) {      // Error: Property 'toFixed' does not exist on type 'string'.      console.log(id.toFixed(2));  }  ```    이런 경우에는 타입 가드를 사용하여 타입을 좁혀야 합니다.           결론    타입스크립트의 유니온 타입은 다양한 타입을 하나의 변수에 허용할 수 있는 강력한 기능입니다. 이를 통해 코드의 유연성과 타입 안전성을 동시에 확보할 수 있으며, 타입 가드를 통해 안전하게 타입을 처리할 수 있습니다. 유니온 타입을 적절히 활용하면 복잡한 데이터 구조를 다루는 데 큰 도움이 되며, 코드의 가독성과 유지보수성을 높이는 데 기여할 수 있습니다.