[TypeScript] any 타입

any 타입이란

any 타입은 변수에 대해 "어떤 값이든 허용한다"고 선언하는 방식입니다. TypeScript의 타입 체킹을 비활성화여 JavaScript의 동적 특성을 그대로 가져올 수 있게 해줍니다.

any 타입의 개념

• 유연성 제공: any 타입으로 선언된 변수는 문자열, 숫자, 객체 등 모든 타입의 값을 할당할 수 있습니다.
• 타입 체킹 옵션: 컴파일러는 any 타입의 변수에 대해 타입 오류를 발생시키지 않습니다.
• 외부 데이터 연동: 제3자 라이브러리나 동적으로 생성되는 데이터를 다룰 때, 정확한 타입을 알 수 없는 경우에 any 타입을 사용하면 편리합니다.

any 타입 기본 사용법

any 타입은 어떤 값이든 자유롭게 할당할 수 있어 테스트 시 편리합니다.

let mysteryBox: any = "안녕하세요";
console.log(mysteryBox); // 출력: 안녕하세요

mysteryBox = 42;
console.log(mysteryBox); // 출력: 42

mysteryBox = { name: "지수", age: 25 };
console.log(mysteryBox.name); // 출력: 지수

mysteryBox는 어떤 타입을 담아도 오류없이 동작합니다. 하지만 안전성 저하 및 코드 가독성 감소로 이어집니다.

동적 데이터 다루기

외부 API나 사용자 입력 등으로 다양한 타입의 데이터가 섞여 있는 경우, any 타입의 배열을 사용하면 간편하게 여러 타입의 데이터를 처리할 수 있습니다.

function fetchUserData(): any {
  // 외부 API 호출 시뮬레이션
  return Math.random() > 0.5 ? { id: 1, name: "영수" } : ["오류", 404];
}

const response: any = fetchUserData();
console.log(response);
// 출력 예: { id: 1, name: "영수" } 또는 ["오류", 404]

if (Array.isArray(response)) {
  console.log(`에러 코드: ${response[1]}`);
} else {
  console.log(`사용자: ${response.name}`);
}

외부 라이브러리와 연동

외부 라이브러리나 기존 JavaScript 함수의 반환 타입이 명확하지 않은 경우, declare 키워드를 사용해 any 타입으로 지정하면 컴파일러의 타입 체크를 우회할 수 있습니다.

declare const legacyLogger: any; // 타입 정의 없는 외부 모듈 가정

legacyLogger.log("시스템 시작", { time: new Date() });
legacyLogger.error("문제 발생");
// 출력은 모듈 구현에 따라 다름