타입추론과-유니온타입

코드 블록의 Try it Yourself 버튼으로 직접 실행할 수 있다.

구문

Info: 📁 완성파일

Info: 💡 목표 타입추론(Type inference)과 유니온타입(union type) 이해해보자

https://www.typescriptlang.org/ko/docs/handbook/type-inference.html#handbook-content

1. 타입추론

1-1 개요

Info: 💡 타입 추론이란 타입스크립트가 코드를 해석해 나가는 동작

1-2. 예제

basic.ts

//Type inference
let topic = "타입스크립트 기초";
let topic1: string = "타입스크립트 기초";
topic=1234

변수 topic에 타입을 지정하지 않은 (any 타입) 후 바로 값을 할당하였다.
왜 3번 라인에서 오류가 나는것일까? 타입추론이 사용되었기 때문이다

Info: 📢 기본적으로 타입스크립트는 타입을 유추하려고 한다

명시적인 타입을 작성하지 않아도 자체적으로 유추하여 개발자를 도와주려고 한다.

직접 타입을 지정할 수도 있으나 변수를 만들고 바로 초기화하면 타입스크립트는 할당된 값을 자료형으로 유추한다

topic 변수에 type을 지정하지 않았지만 값의 할당시 string 으로 초기화 하였으므로 타입스크립트는 type 을 string으로 추론하였다.

그 결과 숫자를 할당하려고 하면 오류를 반환한다.

이렇게 타입추론을 사용하여 코드를 작성하는 방식을 권장한다.

2. union type

2-1 개요

Info: 💡 Union Type은 TypeScript가 가지는 타입 중 하나로 하나의 값이 여러개의 타입을 가지는 경우 사용한다. OR 연산자처럼 ‘A이거나 B이다’ 라는 의미를 갖는다.

2-2 예제

basic.ts

let union: string | number | boolean ="타입스크립트 기초";
union=1234
union=true

타입추론과-유니온타입

코드 블록의 Try it Yourself 버튼으로 직접 실행할 수 있다.

구문

Info: 📁 완성파일

Info: 💡 목표 타입추론(Type inference)과 유니온타입(union type) 이해해보자

https://www.typescriptlang.org/ko/docs/handbook/type-inference.html#handbook-content

1. 타입추론

1-1 개요

Info: 💡 타입 추론이란 타입스크립트가 코드를 해석해 나가는 동작

1-2. 예제

basic.ts

//Type inference
let topic = "타입스크립트 기초";
let topic1: string = "타입스크립트 기초";
topic=1234

변수 topic에 타입을 지정하지 않은 (any 타입) 후 바로 값을 할당하였다.
왜 3번 라인에서 오류가 나는것일까? 타입추론이 사용되었기 때문이다

Info: 📢 기본적으로 타입스크립트는 타입을 유추하려고 한다

명시적인 타입을 작성하지 않아도 자체적으로 유추하여 개발자를 도와주려고 한다.

직접 타입을 지정할 수도 있으나 변수를 만들고 바로 초기화하면 타입스크립트는 할당된 값을 자료형으로 유추한다

topic 변수에 type을 지정하지 않았지만 값의 할당시 string 으로 초기화 하였으므로 타입스크립트는 type 을 string으로 추론하였다.

그 결과 숫자를 할당하려고 하면 오류를 반환한다.

이렇게 타입추론을 사용하여 코드를 작성하는 방식을 권장한다.

2. union type

2-1 개요

Info: 💡 Union Type은 TypeScript가 가지는 타입 중 하나로 하나의 값이 여러개의 타입을 가지는 경우 사용한다. OR 연산자처럼 ‘A이거나 B이다’ 라는 의미를 갖는다.

2-2 예제

basic.ts

let union: string | number | boolean ="타입스크립트 기초";
union=1234
union=true