하루에 하나씩 조금씩이라도 나아가면 언젠가는 큰 변화가 찾아온다.

Typescript는 객체지향 프로그래밍 언어이며, 클래스와 인터페이스를 사용할 수 있습니다. 클래스 클래스는 객체를 생성하기 위한 일종의 템플릿으로, 클래스를 정의하면 객체를 생성할 때 사용할 수 있는 속성과 메서드가 정의됩니다. 아래는 Typescript에서 클래스를 정의하는 예시입니다. class Person { name: string; age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } sayHello() { console.log(`안녕하세요, ${this.name}입니다. ${this.age}살입니다.`); } } const person = new Person('홍길동', 20); per..

TypeScript 함수 시그니처는 함수의 매개변수와 반환값의 타입을 정의하는 방법입니다. 함수 시그니처는 함수의 형태를 명확하게 지정하여 코드를 더욱 안정적으로 만드는 데 도움이 됩니다. 함수 시그니처 작성 방법 아래와 같은 형식으로 함수 시그니처를 작성할 수 있습니다. function functionName(parameter1: type, parameter2: type): returntype { // 함수 내용 } 예시 다음은 TypeScript 함수 시그니처의 예시입니다. function calculateArea(width: number, height: number): number { return width * height; } 위의 예시에서는 calculateArea 함수의 매개변수로 width와..

별칭 (Alias) 별칭은 타입에 대한 새로운 이름을 지정할 수 있습니다. 즉, 하나의 타입에 대해서 새로운 이름(alias)을 부여하는 것입니다. 별칭을 사용하면 타입을 더 명확하게 표현하고 가독성을 높일 수 있습니다. type UserId = string; const userId: UserId = '123'; 위의 예제에서 UserId는 string 타입의 새로운 이름(alias)입니다. 이렇게 이름을 부여하면 코드 가독성이 향상되고, 코드 중복도 줄일 수 있습니다. 인터섹션 (Intersection) 인터섹션은 두 개 이상의 타입을 합치는 것입니다. & 기호를 사용하여 구현할 수 있습니다. 인터섹션을 사용하면 여러 타입을 모두 만족하는 새로운 타입을 만들 수 있습니다. type User = { id..

TypeScript는 JavaScript의 상위 집합 언어이며, JavaScript의 모든 기능을 포함합니다. 이에 추가로 TypeScript는 네임스페이스와 모듈이라는 구조적 요소를 제공합니다. 이 구조적 요소들은 코드의 구성성을 개선하고, 유지보수를 용이하게 만듭니다. 네임스페이스 네임스페이스는 전역 스코프에서 변수와 함수 이름이 충돌하는 것을 방지하기 위한 방법입니다. 네임스페이스는 이름이 겹치지 않도록 하여 코드를 보다 체계적으로 구성할 수 있도록 도와줍니다. TypeScript에서는 네임스페이스를 namespace 키워드를 사용하여 정의합니다. 예를 들어, 다음과 같이 MyNamespace 네임스페이스를 정의할 수 있습니다. namespace MyNamespace { export function..

타입스크립트에서 데코레이터(Decorator)는 클래스, 메서드, 프로퍼티, 매개변수 등의 선언부에 첨부하여 해당 선언부에 대한 추가적인 의미를 부여하는 문법입니다. 여기서 의미란 클래스, 메서드, 프로퍼티, 매개변수 등의 선언부를 변경하거나, 기능을 추가하거나, 메타데이터를 추가하는 등의 작업을 할 수 있게 해 줍니다. 데코레이터는 일종의 함수이며, @ 기호를 사용하여 선언하며, 데코레이터가 적용되는 선언부에 대한 정보를 인자로 전달합니다. 간단한 예시를 들어보겠습니다. function exampleDecorator(target: any) { // do something } @exampleDecorator class ExampleClass { // do something } 위 코드에서 @example..

타입스크립트 가드(TypeScript Guard)는 런타임 시점에 변수나 값의 타입을 체크하여 타입 안정성을 보장해주는 기능입니다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있습니다. 예를 들어, 다음과 같은 코드가 있다고 가정해봅시다. function printLength(strOrArr: string | string[]) { if (typeof strOrArr === "string") { console.log(strOrArr.length); } else { console.log(strOrArr.length); } } 위 코드에서 strOrArr 변수의 타입은 string 또는 string[]입니다. 이를 가드를 이용하여 체크하면, 런타임 시점에 strOrArr 변수의 타입을 검사하여 해당 타입..

Typescript 어노테이션은 변수, 함수, 클래스 등에 대한 타입 정보를 명시하는 것을 의미합니다. 이를 통해 코드의 가독성을 높이고, 개발자의 실수를 방지할 수 있습니다. 아래는 몇 가지 주요 어노테이션의 예시입니다. 변수 let count: number = 5; let name: string = "John"; let isDone: boolean = false; 함수 function add(num1: number, num2: number): number { return num1 + num2; } function greet(name: string): void { console.log(`Hello, ${name}!`); } 클래스 class Person { name: string; age: number..

Typescript는 정적 타입 언어로, 변수와 함수의 매개변수, 반환값 등에 타입을 명시하여 코드의 안정성을 높이는 장점이 있습니다. 이를 위해 일반적으로 변수나 함수의 매개변수 등을 선언할 때 타입을 지정합니다. 하지만, Typescript는 타입 추론 (Inference) 기능을 제공하여, 개발자가 직접 타입을 명시하지 않아도 변수나 함수의 타입을 유추할 수 있습니다. 이를 통해 개발자의 생산성을 높일 수 있습니다. let num = 10; 위 코드에서는 변수 num의 타입을 명시하지 않았습니다. 그러나 Typescript는 변수의 초기값을 통해 num 변수의 타입을 number로 추론했습니다. 또 다른 예시로, 다음과 같은 함수를 생각해보겠습니다. function add(a, b) { return..

TypeScript는 JavaScript에 클래스 개념을 도입하여 객체 지향 프로그래밍을 할 수 있게 해줍니다. 클래스란? 클래스는 객체를 생성하기 위한 설계도입니다. 클래스를 정의하면 클래스의 인스턴스를 생성할 수 있습니다. TypeScript에서 클래스를 정의할 때는 다음과 같은 문법을 사용합니다. class 클래스이름 { 속성이름: 속성타입; // ... 생성자() { // ... } 메소드이름() { // ... } } 위 코드에서 class 키워드를 사용하여 클래스를 정의합니다. 클래스 이름은 대문자로 시작합니다. 속성은 클래스 내부에 정의된 변수이며, 메소드는 클래스 내부에 정의된 함수입니다. 생성자 클래스의 생성자는 클래스의 인스턴스가 생성될 때 호출되는 함수입니다. TypeScript에서 ..

인터페이스란? 인터페이스는 타입스크립트에서 객체의 형태를 정의하는 방법입니다. 인터페이스를 사용하여 객체의 속성과 메서드를 정의할 수 있으며, 이를 이용하여 타입스크립트는 코드의 안정성을 높일 수 있습니다. 인터페이스의 사용 인터페이스는 다음과 같은 방법으로 사용할 수 있습니다. interface Person { name: string; age: number; greet: (name: string) => void; } function sayHello(person: Person) { console.log(`Hello, my name is ${person.name} and I am ${person.age} years old.`); person.greet("World"); } const john: Person..