클래스로 인터페이스 구현하기
implements 키워드로 클래스 구조를 강제합니다.
클래스로 인터페이스 구현하기은(는) CoddyKit의 무료 TypeScript Academy 강의입니다. 이것은 4개 중 4번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 TypeScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. TypeScript Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
시작하기
기본 인터페이스 구현
interface Printable {
print(): void;
}
class Document implements Printable {
print() { console.log('Printing...'); }
}멤버가 없으면 오류 발생
interface Serializable { serialize(): string; }
// Error: Class 'Broken' incorrectly implements interface 'Serializable'
// class Broken implements Serializable {}여러 인터페이스 구현하기
interface Flyable { fly(): void; }
interface Swimmable { swim(): void; }
class Duck implements Flyable, Swimmable {
fly() { console.log('Flying'); }
swim() { console.log('Swimming'); }
}인터페이스는 구현을 제공하지 않음
선택적 멤버와 인터페이스 구현
interface Logger {
log(msg: string): void;
warn?(msg: string): void; // optional
}
class SimpleLogger implements Logger {
log(msg: string) { console.log(msg); }
// warn is not required
}의존성 주입에 인터페이스 사용하기
interface Storage { save(data: string): void; }
class Service {
constructor(private storage: Storage) {}
run() { this.storage.save('data'); }
}
class LocalStorage implements Storage {
save(data: string) { localStorage.setItem('key', data); }
}상속과 구현 비교
인터페이스를 구현하면서 클래스를 확장하기
class Animal { breathe() { return 'breathing'; } }
interface Trainable { train(): void; }
class Dog extends Animal implements Trainable {
train() { console.log('Sit!'); }
}제네릭 인터페이스 구현
interface Repository<T> {
findById(id: number): T | null;
}
class UserRepo implements Repository<User> {
findById(id: number): User | null {
return null; // stub
}
}implements의 타입 안전성
빠른 확인
복습
자주 묻는 질문
“클래스로 인터페이스 구현하기” 강의는 무료인가요?
네 — “클래스로 인터페이스 구현하기” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 TypeScript Academy 강의 전체를 잠금 해제할 수 있습니다. TypeScript Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“클래스로 인터페이스 구현하기”에서 뭘 배우나요?
implements 키워드로 클래스 구조를 강제합니다. 브라우저에서 직접 실행하는 실습 코드로 TypeScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
TypeScript Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 TypeScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 4번째 강의입니다.
“클래스로 인터페이스 구현하기” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 TypeScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 TypeScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.