인프런 강의 - 한 입 크기로 잘라먹는 타입스크립트 (클래스)

한 입 크기로 잘라먹는 타입스크립트(TypeScript) 강의 | 이정환 Winterlood - 인프런

 

📌 자바스크립트의 클래스 소개

// ✅ 부모 클래스
class Student {
    // 필드
    name;
    grade;
    age;

    // 생성자
    constructor(name, grade, age) {
        this.name = name;
        this.grade = grade;
        this.age = age;
    }

    // 메서드
    study() {
        console.log("열심히 공부 함");
    }

    introduce() {
        console.log(`안녕하세요! 저는 ${this.name} 입니다!`);
    }
};

// ✅ 자식 클래스 (Student 클래스를 확장)
class StudentDeveloper extends Student {
    // 추가 필드
    favoriteSkill;

    // 생성자
    constructor(name, grade, age, favoriteSkill) {
        super(name, grade, age); // 부모 생성자 호출
        this.favoriteSkill = favoriteSkill;
    }

    // 추가 메서드
    programming() {
        console.log(`${this.favoriteSkill}로 프로그래밍 함`)
    }
}

let studentA = new Student("강연수", "A+", 24);
let studentDeveloper = new Student("강연수", "A+", 24, "TypeScript");

 

📌 타입스크립트의 클래스

// ✅ 타입스크립트의 클래스
class Employee {
    // 필드
    name: string;
    age: number;
    position: string;

    // 생성자
    constructor(name: string, age: number, position: string) {
        this.name = name;
        this.age = age;
        this.position = position;
    };

    // 메서드
    work() {
        console.log("열심히 일 함");
    };
};

class ExecutiveOfficer extends Employee {
    // 필드
    officeNumber: number;

    // 생성자
    constructor(name: string, age: number, position: string, officeNumber: number) {
        super(name, age, position);
        this.officeNumber = officeNumber;
    };
};

// 클래스 인스턴스 생성
const employeeA = new Employee("강연수", 24, "QA");

// 클래스는 타입으로도 사용 가능
const employeeB: Employee = {
    name: "강말리",
    age: 5,
    position: "귀요미",
    work() {}
};

 

📌 접근 제어자

// ✅ 접근 제어자 (public / private / protected)
class Employee {
    // 생성자에서 접근 제어자 설정 + 필드 선언 생략
    constructor(
        private name: string,        // 클래스 내부에서만 접근 가능
        protected age: number,       // 클래스 + 상속받은 클래스 내부에서 접근 가능
        public position: string      // 어디서든 접근 가능
    ) {}

    // 메서드
    public work() {
        console.log(`${this.name} 일함`); // 클래스 내부이므로 private 필드 접근 가능
    }
}

const employee = new Employee("강연수", 24, "QA");

// 외부 접근 테스트
// employee.name = "홍길동";   // private 필드이므로 접근 불가
// employee.age = 25;         // protected 필드이므로 접근 불가
employee.position = "QA";    // public 필드이므로 접근 가능

// ✅ 상속 테스트
class ExecutiveOfficer extends Employee {
    // 필드
    officeNumber: number;

    // 생성자
    constructor(name: string, age: number, position: string, officeNumber: number) {
        super(name, age, position);
        this.officeNumber = officeNumber;
    };

    printInfo() {
        // this.name;                          // private 필드 접근 불가
        console.log(`나이: ${this.age}`);      // protected 접근 가능
        console.log(`직책: ${this.position}`); // public 접근 가능
    }
};

 

📌 인터페이스와 클래스

// ✅ 인터페이스와 클래스
// 인터페이스는 클래스의 "설계도" 역할
// → 클래스가 어떤 프로퍼티와 메서드를 반드시 가져야 하는지 정의
// → 인터페이스 내의 필드는 모두 public이 기본 (다른 접근 제어자는 사용 불가능)
interface CharacterInterface {
    name: string;
    moveSpeed: number;
    move(): void;
}

class Character implements CharacterInterface {
    constructor(public name: string, public moveSpeed: number) {};

    move(): void {
        console.log(`${this.moveSpeed} 속도로 이동!`)
    };
};

 

⬇️ 다음 내용은 아래 글을 참고

인프런 강의 - 한 입 크기로 잘라먹는 타입스크립트 (제네릭)