TypeScript

song·2024년 10월 4일
0

타입스크립트는 자바스크립트에 타입 시스템을 추가한 언어.

  1. 타입(Type)
    자바스크립트에서는 변수에 어떤 데이터든 할당할 수 있다. 하지만 타입스크립트는 변수의 데이터 타입을 명시할 수 있다.
const name: string = "길동"; // string 타입
const age: number = 30; // number 타입
const isStudent: boolean = true; // boolean 타입

2.타입 추론(type inference)
타입스크립트는 변수에 값을 할당하면, 자동으로 그 타입을 추론한다. 명시적으로 타입을 적지 않아도 타입을 알아낸다.

const name = "길동"; // string 타입일거라고 추론
  1. 인터페이스(interface)
    인터페이스는 객체의 구조를 정의하는 방법. 특정 객체가 어떤 속성과 타입을 가져야 하는지 설명한다.
interface Person {
  name: string;
  age: number;
}

const person: Person = {
  name: "길동",
  age: 25,
};
  1. 함수의 타입(Function Types)
function add(a:number, b:number): number{
return a+b;}
  1. 유니언 타입(Union Types)
    하나의 변수에 여러 타입을 허용할 수 있다. 예를 들어, 문자열 또는 숫자 값을 받을 수 있는 변수를 만들 수 있따.
let id: string | number;
id = "abc123";
id = 123;
  1. 옵셔널 속성(Optional Properties)
    객체의 특정 속성은 있어도 되고 없어도 될 때 ?를 사용해 표시할 수 있따.
interface Person {
  name: string;
  age?: number; // age는 있어도 되고 없어도 됨
}

const person1: Person = { name: "길동" };
const person2: Person = { name: "춘자", age: 30 };
  1. 제네릭(Generics)
    제네릭은 타입을 함수나 클래스 내부에서 유연하게 재사용할 수 있도록 하는 방법.
function identity<T>(value: T): T {
  return value;
}

identity<string>("Hello"); // T는 string
identity<number>(42); // T는 number
profile
굿

0개의 댓글