728x90 반응형 상속3 [TypeScript] 상속(Extends), 추상 클래스(Abstract Class), 인터페이스(Interface) 객체지향 프로그래밍(Object Oriented Programming, OOP)객체지향 프로그래밍(Object Oriented Programming, OOP)은 커다란 문제를 클래스 단위로 나누고 클래스 간의 관계를 추가하면서 코드 중복을 최소화 하는 개발방식이다. 클래스 간의 관계를 추가할 때는 상속이나 포함 관계를 고려하여 추가한다. OOP를 통해 어플리케이션을 개발하면 코드 중복을 상당히 줄일 수 있다. 타입스크립트는 자바스크립트(ES6)에 비해서 OOP를 지원하는 부분이 훨씬 더 많다.🏷️ 요약상속(Extends)클래스는 'extends'를 붙여 상속을 주고 받으며 부모-자식관계의 클래스들을 생성할 수 있다.먼저 부모가 될 클래스를 생성한 뒤, 그 뒤 이를 상속받을 자식 클래스는 class 자식.. 2024. 8. 2. [TypeScript] 타입스크립트 클래스 · 객체 지향 문법 총 정리 📝 클래스(Class)멤버 필드의 타입을 정의하고 생성자로 선언한다.class 클래스명 { 멤버필드명: 타입; constructor(매개변수명: 타입) { this.멤버필드명 = 매개변수명; }}new 클래스명(타입에 맞는 값);📝 this클래스 안에서 this를 사용하는 경우, 객체를 호출할 때 this가 가리키는 것이 결정되기 때문에 의도와 다르게 사용될 수 있다. 이를 방지하기 위해 this에도 타입을 명시해 두면 오류를 줄일 수 있다.class 클래스명 { 멤버필드명: 타입; constructor(매개변수명: 타입) { this.멤버필드명 = 매개변수명; } 메소드명(this: 클래스명) { //this 사용 }}new 클래스명(타입에 맞는 값);📝 접근 .. 2024. 7. 31. [JavaScript] 자바스크립트 프로토타입 상속 원문 : 🎉👨👩👧👧 JavaScript Visualized: Prototypal Inheritance문자열, 배열, 객체에서 .length, .split(), .join()과 같은 기본 내장 메소드를 사용할 수 있는 이유가 궁금한적 있나요?우리는 그 메소드들을 명시한적 없는데 그것들은 어디서 오는걸까요? 이제 그것들을 마법이라 하지 마세요.바로 프로토타입 상속이라 불리는 것 덕분입니다. 이건 꽤 멋지고, 여러분이 알고 있는 것보다 더 자주 사용합니다!우리는 종종 같은 타입의 객체를 많이 만들어야 합니다. 사람들이 개를 검색할 수 있는 웹사이트가 있다고 가정해 봅시다.모든 개를 위해, 그 개를 묘사하는 객체가 필요합니다. 매번 새로운 객체를 작성하는 것 대신에, 우리는 constructor .. 2023. 3. 10. 이전 1 다음 728x90 반응형
