https://www.typescriptlang.org/docs/handbook/2/narrowing.html타입 좁히기 : 유니언 타입 중에서 실제로 어떤 타입인지를 코드 흐름에 따라 좁혀서 사용하는 것1. typeof 타입 가드JS 에서는 typeof 연산자를 사용해서 값의 타입을 문자열로 확인가능typeof "hello" // "string"typeof 123 // "number"typeof true // "boolean"typeof undefined // "undefined"typeof Symbol() // "symbol"typeof 123n // "bigint"typeof {} // "object"typeof function() {} // "func..

8. 타입 별칭 (type)자주 쓰는 타입에 이름 부여type Point = { x: number; y: number;};function printCoord(pt: Point) { console.log("The coordinate's x value is " + pt.x); console.log("The coordinate's y value is " + pt.y);}printCoord({ x: 100, y: 100 });Union 타입에도 타입 별칭 부여 가능type ID = number | string;9. 인터페이스 (interface)객체 타입 정의 방식 (type과 유사)interface Point { x: number; y: number;}function printCoord(pt: Po..

1. 원시 타입string, number, boolean : 자바스크립트와 동일String, Number, Boolean (대문자 버전)은 사용하지 않는 것을 권장2. 배열[1, 2, 3]과 같은 배열의 타입을 지정할 때 number[] 구문을 사용할 수 있습니다.Array와 같은 형태로 적을 수 있으며, 동일한 의미를 가집니다.[number] 는 전혀 다른 의미를 가짐(튜플)3. any어떤 타입도 허용, 타입 검사 무시디버깅이 어려워지므로 사용은 최소화noImplicitAny 설정 시, 암묵적 any를 에러로 잡음4. 타입 표기let name: string = "Alice" → 명시적 타입 표기(선택 사항)대부분은 초기값 기반 타입 추론이 잘 됨5. 함수매개변수, 반환값에 타입 지정 가능function..

1. TypeScript란?JavaScript의 모든 값은 다양한 동작을 내장하고 있으며, 타입을 통해 이를 예측할 수 있음.JavaScript는 동적 타입 언어로, 코드 실행 전에는 타입 오류를 알기 어려움.TypeScript는 정적 타입 검사를 통해 런타임 오류를 사전에 방지할 수 있음. 정적 타입 시스템 사용 → 코드가 실행되기 전에 코드에 대해 예측가능 2. 정적 타입 검사TypeScript는 코드 실행 전에 타입을 검사하여 오류를 미리 감지.예제:const message = "Hello World!"; message(); // TypeScript 오류: 문자열을 함수처럼 호출할 수 없음.3. TypeScript의 장점예외 방지: 실행되지 않아야 할 코드 실행을 사전에 차단.버그 방지: 오타 및 ..