0m1n's Develog

오버라이딩 상속 관계에 있는 부모 클래스에서 이미 정의된 메소드를 자식 클래스에서 같은 시그니쳐를 갖는 메소드로 다시 정의하는 것 타입스크립트에서는 상속 받은 클래스에서 부모 클래스의 메소드를 다시 구현할 수 있다. 이를 메소드 오버라이딩(method overriding)이라고 한다. 메소드 오버라이딩을 사용하면 부모 클래스의 메소드와 같은 이름을 가진 메소드를 자식 클래스에서 다시 구현할 수 있다. 아래 코드를 보자. class Animal { makeSound() { console.log("동물이 소리를 냅니다."); } } class Dog extends Animal { makeSound() { console.log("멍멍"); } } const animal = new Animal(); const ..

async, await, promise - 비동기 처리를 위해 사용되는 기술 - Promise는 비동기 작업을 수행하는 함수를 호출하면 해당 작업이 완료되면 결과를 반환하는 객체를 반환 아래 코드를 보자. fetch 함수는 Promise를 반환한다. fetch 함수는 지정된 URL에서 리소스를 가져와 응답(Response) 객체를 반환한다. 응답 객체는 Promise를 반환하여 비동기적으로 응답 결과를 처리할 수 있도록 한다. async function getData() { const response = await fetch(''); const data = await response.json(); return data; } 위 예제에서 async/await를 사용하여 fetch 함수의 비동기적인 호출 및..

추상 클래스 (abstract class) 추상 클래스이므로 인스턴스 생성 x → 생성 구문 사용시 에러 abstract class Bird { abstract fly(): void; } class Sparrow extends Bird { fly(): void { console.log("짹짹~~~"); } } class Eagle extends Bird { fly(): void { console.log("독수리 날개짓~~~"); } } const bird1: Bird = new Sparrow(); const bird2: Bird = new Eagle(); bird1.fly(); // 짹짹~~~ bird2.fly(); // 독수리 날개짓~~~ Bird 추상 클래스를 상속받은 Sparrow와 Eagle 클래..

index.d ts란 d.ts는 type definition 파일 ts를 js로 컴파일하면서 추가적으로 d.ts파일도 생성함 tsconfig.json에서 declartion 설정 필요 #tsconfig.json 생성 명령어 tsc --init { "declartion" : true, "outDir" : "./output", // output에 index.js와 index.d.ts 생성 }

Map은 아래와 같이 Key Value로 구현할 수 있다. const test = new Map([ ['test1', { a : '하이', b : '안녕'}], ['test2', { a : '안녕하세요', b : 'hello'}], ]); test.get("test1"); // {a: '하이', b: '안녕'} test.get("test1").a; // '하이' test.delete('test1'); // 삭제 성공시 true 리턴 test.clear(); 장점 문자열 아닌 값도 키로 사용 가능 const errorMessageObj = { 404 : "페이지가 없습니다", 500 : "서버 오류입니다", 401 : "권한이 없습니다" } const errorMessageMap = new Map([ [4..