본문 바로가기

분류 전체보기126

제네릭 제네릭(Generic) 클래스나 함수, 인터페이스를 다양한 타입으로 재사용 가능 선언 할 때는 타입 파라미터만 작성하고, 생성하는 시점에 사용하는 타입 결정 function getSize(arr:number[] | string[]):number{ return arr.length; } const arr1=[1,2,3]; getSize(arr1); const arr2=["a","b","c"]; getSize(arr2); //매개변수의 타입만 바꾸고 동일한 함수를 사용하고 싶으면, 함수 오버로드 또는 유니온 타입 사용하기 //계속 타입이 눌어나는 경우 제네릭 사용 //사용: T는 어떤 타입을 전달받아서 해당 함수에서 사용 할 수 있도록 함 function getSize2(arr:T[]):number{ retu.. 2023. 1. 3.

클래스 클래스 타입스크립트에서는 멤버 변수는 미리 선언해주어야 함 class Car{ color:string; //타입스크립트에서는 멤버변수는 미리 선언해주어야 함 constructor(color:string){ this.color=color; } start(){ console.log("start"); } } const bnw=new Car("red"); 멤버 변수 미리 선언하지 않는 방법 -> 접근 제한자 또는 readonly키워드 이용 class Car2{ constructor(public color:string){ this.color=color; } start(){ console.log("start"); } } class Car3{ constructor(readonly color:string){ this... 2023. 1. 3.

리터럴, 유니온/교차 타입 리터럴 타입(Literal Types) const: 변하지 않는 값 선언 할 때 let: 변할 수 있는 값 선언 할 때 문자열 리터럴 타입: 정해진 string 값을 가진 값 const userName1="Bob"; //문자열 리터럴 타입: 정해진 string값을 가진 값 let userName2="Tom"; let userName3:string | number="Tom"; //가질 수 있는 타입 명시 하기 type Job="police"|"developer" |"teacher"; interface User{ name:string; job:Job; } const user: User = { name:"Bob", job:"developer", }; 유니온 타입(Union Types) |(세로 줄) inter.. 2023. 1. 3.

함수 함수 형태 function add(num1:number, num2:number){ return num1+num2; } function isAdult(age:number):boolean{ return age>10; } 함수의 매개변수도 optional로 지정 가능(단, 타입 명확하게 명시해주어야 함) function hello(name?:string){ return `Hello, ${name || "world"}`; } const result=hello(); const result2=hello("Sam"); //주의점: optional인 매개변수는 뒤에 배치해야 함 function hello2(name:string, age?:number):string{ if(age!==undefined){ return `.. 2023. 1. 3.

이전 1 ··· 19 20 21 22 23 24 25 ··· 32 다음

티스토리툴바