TS 공부 with 노마드 코더

SOLEE_DEV·2022년 7월 10일
0

Typescript

목록 보기
6/10
post-custom-banner

#4. CLASSES AND INTERFACES

#4.0 Classes

2~3 단원에서는 typescipt에서 지원하는 type들, call 시그니처, 오버로딩, 다형성, 제네릭 기법 등등을 배웠다. 4단원부터는 내용이 많아져서 정리할 필요성이 있어보여서...
급하게 정리 시작...!!! typescript를 다시 배우니~ Javascript에 객체 지향 프로그래밍 기법을 더해 개발할 수 있는 방법을 알게 되어 재밌다 ㅇ_ㅇ~~ typescript 최고~~

abstract class User {
  // 추상 클래스는 인스턴스를 생성할 수 없음
    constructor( 
// javascript에서는 this.firstname = ... 머 이런식으로 함수로 구현해야 되지만, 이렇게 축약해서도 사용 가능
        protected firstName: string,
        protected lastName: string,
        protected nickname: string,
        /*
        	private : 해당 클래스에서만 접근 가능
            protectd : 상속받은 자식 클래스에서만 접근 가능
            public : 다 접근 O
        */ 
    ) {}

    abstract getNickname(arg: string): void
  	
    getFullName() {
        return `${this.firstName} ${this.lastName}`
    }
}

class Player extends User {
    getNickname() {
      	// User 추상 클래스에 있던 추상 메소드
  		// 추상클래스를 상속받을때 추상메소드가 있으면 꼭 구현해야함용...
        return `${this.nickname}`
    }
}

const sol = new Player('sol', 'lee', 'solee');

console.log(sol.getNickname());
profile
Front-End Developer
post-custom-banner

0개의 댓글