능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 제네릭(Generic)은 TypeScript에서 변수, 함수 또는 클래스의 타입을 일반화하는 방법을 제공하는 기능으로, 이를 이용하면 타입 안정성을 유지하면서 여러 종류의 데이터 유형에 대해 클래스나 함수, 인터페이스 등을 다양한 타입으로 재사용 할 수 있다. 선언할 때는 타입파라미터만 쓰고 생성하는 시점에 사용하는 타입을 결정하면 된다. 1. 제네릭의 역할 //매개변수의 타입은 T의 배열 function reverse(array: T[]): number { return array.reverse(); } // 위의 함수가 이 모습이 됨 //function reverse(array: number[]): nu..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). + 230820 추가 및 수정 JavaScript에서는 일방적인 방법 외에도 함수 호출하는 방식과 관계없이 call, apply, 그리고 bind 내장메서드를 활용해 this 값을 바꿀 수 있다(this가 무엇인지를 지정할 수 있게된다). 1. call 모든 함수에서 사용할 수 있고 this를 특정값으로 지정이 가능하다. call 메서드는 함수를 호출하는 방법 중 하나로, 첫 번째 인자로 함수 내부에서 사용될 this 값을 설정하고, 그 뒤에는 함수의 매개변수를 전달한다. const mimi = { name: "Mimi" } const rosi = { name: "Rosi" } function showTh..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 230804 JavaScript: class ✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). JavaScript에서 클래스는 ES6 (ECMAScript 2015)부터 도입되었다. 클래스는 객체 지향 프로그래밍의 ronieo.com TypeScript class에 대해 알아보기 전에 JavaScript class관해 배경지식이 있으면 이해하는데 조금 더 도움 된다. TypeScript 클래스는 JavaScript 클래스를 기반으로 확장된 기능을 제공하는 객체 지향 프로그래밍의 개념으로 TypeScript는 정적 타입 검사를 제공하여 JavaScript 코..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 1. 리터럴 타입 (Literal Types) 리터럴 타입은 값자체를 타입으로 사용하는 것을 말한다. 예를 들어, 문자열 리터럴 타입은 특정 문자열을 가리킨다. 코드에서 이 타입에 대한 변수는 해당 리터럴 값만 할당할 수 있다. 리터럴 타입은 문자열, 숫자, 불리언 및 객체의 자료형을 가질 수 있다. type Color = 'Blue' | 'Green' | 'Red'; // Color의 타입은 Blue 또는 Green 또는 Red만 있다 let age: 25; // age는 25라는 숫자 값만 가질 수 있다. let isDone: true; // isDone은 true라는 불리언 값만 가질 수 있다. ty..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 더하기 함수를 만들어보자 // 더하기 함수 만들기: return하는 경우 //매개변수 타입선언//반환 타입선언 function add (num1: number, num2: number): number { return num1 + num2 } 더하기 기능을 만들 함수의 매개변수에 number라는 타입을 선언해주고, 반환할 타입도 number라고 선언해 준다. 그러면 의도한 대로 더하는 기능을 하는 함수가 만들어졌다. return하는 경우가 아니라면, void를 선언해 주면 된다. // 더하기 함수 만들기: return하지 "않는" 경우 //매개변수 타입선언//반환 타입선언 function add (num1:..