[TypeScript] 7장 클래스

1. 클래스 (Classes) 와 상속(Inheritance)타입스크립트에서 클리스는 class 키워드로 정의되며, 상속은 extends 키워드를 사용해 구현합니다.class Animal { constructor(public name: string) {}}class Dog extends Animal { bark() { console.log(`${this.name} says woof!`); }}const dog = new Dog("Eddy");dog.bark(); // 출력: Eddy says woof!2. 접근 지정자 public: 모든 곳에서 접근 가능private: 클래스 내부에서만 접근 가능protected: 클래스와 그 자식 클래스에서 접근 가능.clas..

• format_list_bulleted Front-End/TypeScript
• · 2025. 2. 20.
• textsms

[TypeScript] 3강 인터페이스

1. 첫 번째 인터페이스 (Our First Interface) 어떤 방식으로 인터페이스가 동작하는 지 간단하게 타입을 짜서 확인해볼 수 있습니다.function printInt(IntObj: { Int: string }) { console.log(IntObj.Int);}let myInt = { size: 10, Int: 'Size 20 Inter' };printInt(myInt); 타입 검사는 PrintInt 호출을 확인하고, PrintInt는 string 타입의 Int을 갖는 객체를 하나의 매개변수로 가집니다. 이 객체는 실제로 더 많은 프로퍼티를 갖고 있지만, 컴파일러는 최소한 필요한 프로퍼티가 있는지와 타입이 잘 맞는지만 검사합니다. interface LabeledValue { Int: str..

• format_list_bulleted Front-End/TypeScript
• · 2025. 2. 11.
• textsms

[TypeScript] 1장. JavaScript의 종말 TypeScript 등장

2012년 10월 1일 지금으로부터 13년 전인 10월 1일은 웹페이지의 보조적인 기능을 수행하기 위한 한시적인 언어인 Javascript를 더욱더 커다란 애플리케이션으로 개발하기 위해 TypeScript가 개발되었습니다. TypeScript를 사용해 자신이 원하는 타입을 정의하고 프로그래밍해 자바스크립트로 컴파일되게 만들었고 이 언어는 지금까지 수많은 자바스크립트 언어를 타입이라는 스크립트로 짧고 간결하게 짤수 있게 만들었습니다.  Typescript의 개발자이자 Microsoft 직원 Anders Hejisberg가 개발했으며, 클라이언트 사이트와 서버 사이드를 위한, 프론트백 통합 개발에 사용할 수 있게되었습니다.   1.TypeScript란 무엇인가? 타입 스크립트는 Microsoft에서 개발한 ..

• format_list_bulleted Front-End/TypeScript
• · 2025. 2. 8.
• textsms