능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 타입스크립트는 유틸리티 타입(utility type)이라는 특별한 타입을 제공하여 타입 정의를 간소화하고 재사용성을 높여주는 기능을 제공한다. 이러한 유틸리티 타입들은 이미 정의된 기존 타입을 변환하거나 결합하여 새로운 타입을 생성하는 데 사용되며, 유틸리티 타입을 사용하면 타입 코드를 더 간결하게 작성하고 중복을 줄이며 유지보수성을 향상시킬 수 있다. 1. keyof keyof는 TypeScript에서 사용되는 유틸리티 타입 중 하나로 객체 타입의 모든 키를 유니언 타입으로 추출할 수 있다. 주로 제네릭 타입 및 인덱스 시그니처와 함께 사용되어 타입 안전성을 확보하고 동적으로 속성 이름에 액세스할 때 유..

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

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 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:..