Class TypeScript에서 클래스(Class)는 객체 지향 프로그래밍(OOP)의 핵심 개념 중 하나로, 객체를 생성하기 위한 템플릿 또는 청사진(blueprint)입니다. 클래스를 사용하여 객체의 상태와 행위를 정의하고, 해당 클래스로부터 여러 개의 객체(인스턴스)를 생성할 수 있습니다. class Car { constructor(color){ this.color = color; } start() { console.log("start"); } } const bmw = new Car("red"); 에러를 발생합니다. color라는 프로퍼티가 Car에 존재하지 않는다고 합니다. class Car { color: string; constructor(color: string){ this.color = c..

이번 포스팅에서는 Typescript의 제네릭에 대해서 알아보겠습니다. 제네릭 - Generics 이란? TypeScript의 Generics(제네릭)은 타입 안정성을 유지하면서 재사용 가능한 코드를 작성할 수 있는 기능입니다. 제네릭을 사용하면 함수나 클래스를 여러 종류의 타입에 대해 동작하도록 일반화할 수 있습니다. 이를 통해 코드의 중복을 줄이고, 타입 안전성을 확보할 수 있습니다. 제네릭은 함수나 클래스의 매개변수나 반환값에 타입 변수를 사용하는 방식으로 작성됩니다. 이 타입 변수는 실제 사용될 때 구체적인 타입으로 대체됩니다. 예를 들어, 배열의 요소 타입을 유연하게 처리하기 위해 제네릭을 사용할 수 있습니다. 예제 function getSize(arr: number[] | string[]) :..

Intersection Types (교차타입) TypeScript에서 교차 타입(Intersection Type)은 여러 타입을 조합하여 하나의 타입을 생성하는 기능입니다. 교차 타입은 & 기호를 사용하여 타입을 결합합니다. 이를 통해 변수, 매개변수, 인터페이스 등에 여러 타입의 속성 및 기능을 모두 포함할 수 있습니다. interface Car{ name: string; start(): void; } interface Toy { name: string; color: string; price: number; } const toyCar: Toy & Car = { name: "benz", start(){}, color: "black", price: 10000000, } 교차 타입이란, 두개의 interfa..

이번 포스팅에서는 리터럴타입에 대해서 알아보겠습니다. Literal Type? 리터럴 타입(Literal Types)은 TypeScript에서 특정한 값을 나타내는 타입으로, 값을 문자열, 숫자, 불리언 등의 리터럴로 제한하는 기능입니다. 리터럴 타입을 사용하면 변수 또는 매개변수가 특정한 값을 가지도록 강제할 수 있으며, 이를 통해 정확한 값의 사용을 보장하고 타입 체크를 강화할 수 있습니다. const userName1 = "Bob"; let userName2 = "Tom"; const, let js에서의 변수를 지정할때 var, const, let을 사용하여 변수지정이 가능합니다. var는 오래된 JavaScript에서 사용되던 변수 선언 방식입니다. var로 선언된 변수는 함수 스코프(functi..

지난시간의 포스팅하던 Typescript의 함수에 대해서 더 알아보겠습니다. rest parameter js function add(...nums) { return nums.reduce((result,num) => result + num, 0) } add(1,2,3); add(1,2,3,4,5,6,7) 일반 js로 작성된 모든 매개변수를 더하는 함수입니다. rest parameter를 이용해 모든 매개변수를 배열로 가져옵니다. ts function add(...nums: number[]) { return nums.reduce((result,num) => result + num, 0) } add(1,2,3); add(1,2,3,4,5,6,7) Typescript로 변환한 함수입니다. ...nums 뒤에 :..

이번 포스팅에서는 함수의 타입선언에 대해 알아보겠습니다. 중요하기 때문에 두 포스팅으로 나눠서 작성하겠습니다. 함수 두 인자의 합을 반환하는 함수를 작성해보겠습니다. javascript fuction add(num1,num2){ return num1 + num2; } 일반적인 자바스크립트 문법으로 구현된 add함수입니다. num1과 num2 모두 정수로 받아올것입니다. 하지만 num1,num2 모두 타입이 정의 되지 않았기 때문에 num1,num2 에 만약 string이 들어오게 된다면 값이 이상하게 나올 것입니다. typescript로 변환 function add(num1:number,num2:number):number{ return num1 + num2; } // number (정수) 를 return..

이번 포스팅에서는 typescript의 interface에 대해서 포스팅 해보겠습니다. interface?🤔 TypeScript의 interface는 객체의 구조를 정의하는 역할을 합니다. 즉, 인터페이스는 객체의 속성과 메서드를 설명하고, 해당 객체가 어떤 형태를 가져야 하는지를 정의하는 일종의 계약이라고 할 수 있습니다. interface를 사용하면 객체가 특정한 구조와 멤버를 갖도록 강제할 수 있으며, 이를 통해 코드의 가독성과 유지보수성을 향상시킬 수 있습니다. interface의 사용으로 객체 구조안의 타입의 강제성을 부여 interface 예제 interface를 사용하지 않은 객체 let user:object; user = { name: 'kang', age: 22, } con..

현재 웹개발의 트렌드는 단연 typescript이다. 기업체 및 대규모 프로젝트에서는 안정성이 요구되기 때문에 타입의 오류가 많은 javascript 대신에 typescript를 사용해 웹, 앱 어플리케이션의 안정성을 높이고 생산성을 증대시킨다. 이러한 웹개발의 트렌드에 따라가기 위해서 typescript의 공부는 필수이기때문에, typescript를 본격적으로 공부하고 블로그에 정리하기로 했다. 이번 포스팅에서는 정적 타이핑에 대해 알아보는 글을 작성해보도록 하겠다. 정적타이핑?🤔 정적 타이핑은 변수, 매개변수, 함수의 반환값 등에 컴파일 시점에서 타입을 명시하고 검사하는 것을 의미한다. 변수에 할당되는 값의 타입이 컴파일 시점에 결정되고, 해당 타입과 일치하니 않는 할당이나 사용시에는 컴파일 오류가 ..