둘셋 개발!

[typescript-기초] 타입스크립트 기본타입과 함수타입 본문

typescript

[typescript-기초] 타입스크립트 기본타입과 함수타입

23 2022. 3. 1. 12:52

기본타입

타입을 적용하려면 변수면 뒤에 : 를 쓰고 타입을 기입하면 된다.

 

✔️ 문자열

let str: string = 'hello';

✔️ 숫자

let num: number = 10;

✔️ 배열

배열의 경우 방법은 두가지가 있다.

- Array<타입>  (제네릭 활용)

- 타입[]

let arr: Array<number> = [1,2,3];
let heros: Array<string> = ['Capt', 'Thor', 'Hulk'];
let items: number[] = [1,2,3]; //배열 리터럴

✔️ 튜플

각 요소의 타입을 지정한다.

let address: [string, number] = ['gangman',100];

✔️ 객체

객체의 경우 object라고 그냥 쓰면 된다

let obj: object = {};

다음과 같이 객체 속성의 타입도 지정 할 수 있다.

let person: {name: string, age:number} = {  
    name : 'thor',
    age : 1000
}

✔️ 진위값

let show: boolean = true;

 

 

함수 타입

함수에는 매개변수의 타입을 정할 수 있고 반환값의 타입을 지정할 수 있다.

function sum(a: number,b:number): number{ 
    return a+b;
}

-> a,b의 타입과 return하는 값의 타입을 number라고 지정함

 

➕옵셔널 파라미터

만약 매개변수를 받을 수도 있고 받지 않을 수도 있는 상황이라면 해당 매개변수 바로 옆에 ?를 붙여준다.

function log(a: string, b?: string, c?: string){

}

log('hello word');
log('hello ts', 'abs');

 

[참고 : 인프런 강의 - 타입스크립트 입문 장기효강사님]

'typescript' 카테고리의 다른 글

[typescript-기초] 타입스크립트를 써야 하는 이유  (0) 2022.03.01