개인공부79 9. 클래스 //javascript class Person { constructor(name, age){ this.name = name; this.age = age; } } //TS class Person { private name: string; public age: number; constructor(name: string, age: number){ this.name = name; this.age = age; } } private, public, readonly : 변수의 취급범위 2023. 5. 7. 7. 유니언타입, 인터섹션타입 union type 유니언타입 : 파라미터나 변수에 하나이상의 타입을 쓰고싶을때 function logMessage(value: string | number){ console.log(value); } logMessage('hello'); logMessage(100); 타입 가드: 특정 타입으로 타입의 범위를 좁혀 나가는(필터링 하는)과정 var seho: string | number | boolean; function logMessage(value: string|number){ //console.log(value); if(typeof value === 'number'){ value.toLocaleString(); //유니언타입의 장점? } if(typeof value === 'string'){ value.. 2023. 5. 7. 6. 타입별칭, 타입과 인터페이스차이 타입별칭: 특정 타입이나 인터페이스를 참조할수 있는 타입 변수를 의미한다. //string 타입을 사용할때 const name: string = 'capt'; //타입 별칭을 사용할때 type MyName = string; const name: MyName = 'capt'; type 뒤에 써있는 Person을 type 별칭이라고 하는데, 변수같은거로 생각하면 된다!!!! 타입별칭: 새로운 타입 값을 하나 생성하는 것이 아니라 정의한 타입에 대해 나중에 쉽게 참고할 수 있게 이름을 부여하는 것과같다. 타입과 인터페이스의 차이!!!! -가장 큰 차이는 확장 가능 여부이다!! -인터페이스는 확장이 가능하지만 타입별칭은 확장이 불가능하다 -그래서 가능한 type보다는 .. 2023. 5. 7. 5. 인터페이스 인터페이스: 상호간의 약속 interface User { age: number; name: string; } // 변수에 활용한 인터페이스 var seho: User={ age: 2, name: 'john' } interface User { age: number; name: string; } function getUser(user: User){ console.log(user); } getUser라는 함수는 User라는 특정 형식의 데이터만 받겠다는의미이다!!!!! interface User { age: number; name: string; } //함수에 인터페이스 활용 function getUser(user: User){ console.log(user); } c.. 2023. 5. 7. 이전 1 ··· 12 13 14 15 16 17 18 ··· 20 다음
