반응형 programming language32 제네릭 화살표함수 화살표 함수식을 활용 let corsURL = (url:string): string => `https://crossorigin.me/${url}`; 제너릭 함수 구현 * function GenericReturnFunc(arg: T): T { return arg; } * const GenericReturnFunc = (arg: T): { return arg } 함수에서 타입스크립트 활용 return값은 type // number 타입의 매개변수를 return하는 함수 function NumberReturnFunc(arg: number): number{ return arg; } const NumberReturnFunc = (agr: number ):number => { return arg } // strin.. 2022. 12. 22. 제네릭을 이용한 타입 정의 단순히 유니온 타입을 사용했을 때 각각의 interface 타입정의가 늘어난다. interface Email { value: string; selected: boolean;}const emails: Email[] = [ { value: "naver.com", selected: true }, { value: "gmail.com", selected: false }, { value: "hanmail.net", selected: false },];interface ProdcutNum { value: number; selected: boolean;}const numberOfProducts: ProdcutNum[] = [ { value: 1, selected: true }.. 2022. 12. 15. ts에서 class를 사용할 때 ts에서 class를 사용할 때 다른점. 1. 클래스에서 사용할 속성(멤버변수)에는 type을 정의해줘야 한다. 2. constructor의 parameter에도 type을 정의해줘야 한다. 3. 멤버변수에는 유효범위도 사용할 수 있다. private, public, readonly등의 속성을 사용할 수 있다. class Person7 { // 멤버변수를 써줘야 한다. name: string age: number // 멤버변수의 유효범위도 쓸 수 있다. private name2: string public age2: number readonly log: string constructor(name:string, age: number){ this.name = name, this.age = age } } 2022. 12. 14. prototype 프로토타입은 자바스크립트의 핵심이다. 프로토타입 기반의 언어가 자바스크립트라는 개념을 인식해야한다. 클래스를 사용할 때도 프로토타입과 연관되어 있다. const user = { name: 'cap', age: 100 } const admin = user = { name: 'cap', age: 100, role: 'admin' } user과 admin 객체를 만들었다. 코드에서 보면 중복되는 name, age 속성들이 있다. 중복되는 코드를 줄일 수 있는 방법이 javascript에서 지향하는 prototype상속의 개념이다. user의 정보를 admin도 사용할 수 있도록 __proto__를 사용해서 prototype을 상속시켜줬다. admin을 조회해보니 [[prototype]] 안에는 age와 nam.. 2022. 12. 8. 이전 1 2 3 4 5 6 ··· 8 다음 728x90 반응형
