본문 바로가기
타입스크립트6. 객체지향 프로그래밍 목차 클래스(추상 클래스, 추상메서드) interfaces와 type interface와 type의 비교 인터페이스 사용해서 클래스가 특정 모양을 따르도록 하기 1. 클래스 class Player { constructor( private firstName: string, private lastName: string, public nickname: string ){} } const son = new Player('heungmin','son','쏘니'); son.firstName// 에러 발생.속성값 firstName은 private하며 'Player' 클래스 내부에서만 접근 가능함 1-1. 추상클래스란? 다른 클래스가 상속받을 수 있는 클래스 직접 새로운 인스턴스를 생성할 수는 없는 클래스 자바스크립트로 .. 2022. 5. 16.
타입스크립트5. 함수의 call signatures 목차 call signatures 오버로딩(overloading) 다형증(polymorphism) generic 1. call signatures란? 함수 위에 마우스를 올렸을 때 보게 되는 것 함수를 어떻게 호출해야 하는 지와 함수가 반환하는 데이터의 유형도 보여줌 타입스크립트를 사용해서 콜 시그니처를 작성하면 프로그램을 디자인 하면서 데이터의 유형을 미리 생각하고 코드를 구현 할 수 있게 된다. type Add = (a: number, b:number) => number;// 함수를 작성하기 전, 함수의 동작을 미리 작성해두면 const add: Add = (a,b) => a + b//데이터 유형을 지정해주지 않아도, TS가 콜 시그니쳐를 추론함 2. 오버로딩(overloading) 함수가 서로 다른.. 2022. 5. 15.
타입스크립트4. 데이터 타입(2) 목차 tuple undefined, null any TS에만 있는 특이한 데이터 타입(void,unknown,never) 1. tuple이란? array을 생성 최소한의 길이를 가져야 함 특정 위치에 특정 타입이 있어야 함 다음과 같이 배열의 엘리먼트가 순서대로 string, number, boolean 유형인 배열이 있다고 하자. ['son', age, true] 이러한 배열을 타입스크립트로 생성하려면 어떻게 하면 될까? const player: [ string, number, boolean ] = [ 'son', 30, true ] // 위와 같이 코드를 작성한다면 타입스크립트는 다음과 같이 이해한다 // plyaer는 배열이며 // 3개의 엘리먼트를 가진다. // 각각의 엘리먼트의 데이터 유형은 배.. 2022. 5. 15.
타입스크립트3. 데이터 타입(1) 목차 기본적인 타입 선택적 타입(객체, Alias) 함수의 타입 명시(함수 선언, 화살표 함수) readonly(읽기 전용) 속성 추가 1. 기본적인 타입 let a : number = 1;// number let a : number[] = [1,2];// 배열의 엘리먼트가 number 인 array let b : string = "il";//string let b : string[] = [];// 배열의 엘리먼트가 string 인 array let c : boolean = true;// boolean let c : boolean[] = [true]; // 배열의 엘리먼트가 boolean 인 array 2. 선택적 타입 어떤 객체가 있다고 할 때, 객체의 어떠한 속성은 모든 객체가 동일하게 보유하고 있는.. 2022. 5. 15.

티스토리툴바