이번 시간에는 타입스크립트로 배열내 요소의 타입을 다양하게 지정하고 다루는  실습을 진행해봅니다.
Union 타입과 튜플 배열의 요소 타입을  정의하는 방법을 안내합니다.

D:\TypeScript폴더내에 3-TS-Core 폴더를 생성 합니다.
D:\TypeScript\3-TS-Core 폴더내에 array.ts파일을 생성 합니다.


1) 배열(Array) Type 코딩하고 실행하기
-하기 코드와 같이 코딩을 진행합니다.
-자세한 내용은 주석을 참고바랍니다.
-array.ts

const books: string[] = [];
books.push("헨리 6세");
books.push("리처드 3세");
books.push("실수없는 사람");

console.log("책목록", books);
//에러코드예시:문자열 배열인데 숫자가 들어가면 에러 발생
//books.push(1000);

//여러 데이터 타입을 저장하는 배열에 대한 타입정의하기
const userData1 = ["홍길동1", 30, true];

//유니언 타입을 이용한 여러요소 선언 및 타입지정하기
//배열내 요소들이 string | number | boolean 타입이 올수 있다고 선언
const userData2: (string | number | boolean)[] = ["홍길동2", 40, false]; //Union Type

//배열내 요소의 갯수가 고정된 경우 Tuple Type을 사용
//배열내 첫요소는 string, 두번째는 number, 세번째는 boolean 타입이어야 한다.
const userData3: [string, number, boolean] = ["홍길동3", 50, true]; //Tuple Type

console.log(
  `${userData1[0]} 님은 ${userData1[1]}살이고 ${
    userData1[2] == true ? "기혼" : "미혼"
  } 입니다.`
);
console.log(
  `${userData2[0]} 님은 ${userData2[1]}살이고 ${
    userData2[2] == true ? "기혼" : "미혼"
  } 입니다.`
);
console.log(
  `${userData3[0]} 님은 ${userData3[1]}살이고 ${
    userData3[2] == true ? "기혼" : "미혼"
  } 입니다.`
);

//tsc --strictNullChecks array.ts
//node array.js


-코딩을 모두 진행 저장하고 아래 명령어를 통해 터미널창에서 ts파일을 컴파일하고 컴파일 결과.js파일을 실행합니다.
D:\TypeScript\3-TS-Core
tsc --strictNullChecks array.ts
node array.js


2)코딩 핵심 내용 설명
-Union 타입을 이용해  배열내 요소의 타입을 여러개로 지정할수 있다
-Turple(튜플) 타입은 요소의 타입과 개수가 고정된 배열을 표현할때 사용합니다.
-Turple(튜플) 타입내 요소들의 타입이 같을 필요는 없습니다.

다음 주제로 이동합니다.