글 작성자: 망고좋아
반응형

📖 오늘 배운 내용 - 2021.11.26

  • Interface
  • Strategy pattern
  • Generic
  • Factory Pattern

 

📝 Interface

  • 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다.
function sayName(obj: { name: string } ) {
    console.log(obj.name);
}

let person = { name: 'John' }

sayName(person)


// 인터페이스 사용
interface Person { 
    name: string
}

function sayName(obj: Person) {
    console.log(obj.name);
}

let person = { name: 'John' }

sayName(person)
 

[TypeScript] 타입스크립트 인터페이스(Interface), Strategy pattern

🎯 타입스크립트 Interface 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미한다. 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 직접 인스턴스를 생성할 수

lakelouise.tistory.com

 

📝 Generic

  • Generic은 코드를 작성할 때가 아니라 코드를 수행될 때(런타임) 타입을 명시한다.
function sort<T>(item: T[]): T[] {
    return item.sort();
}

const nums: number[] = [1, 2, 3, 4];
const chars: string[] = ["a", "b", "c", "d", "e", "f", "g",];

sort<number>(nums);
sort<string>(chars);
 

[TypeScript] 타입스크립트 제네릭(Generic), Factory Pattern with Generics

🎯 타입스크립트 제네릭(Generic) 제네릭이란 타입을 마치 함수의 파라미터처럼 사용하는 것을 의미한다. 정적 type 언어는 클래스나 함수를 정의할 때 type을 선언해야 한다. Generic은 코드를 작성

lakelouise.tistory.com

 

💡 오늘 깨달은 것

  • 인터페이스와 제네릭은 중요한 내용이라고 생각해서 따로 포스팅을 작성했다.
  • 두 개 모두 프로젝트 규모가 커질 때 협업과 확장성을 위해 사용해야 된다.
  • 타입스크립트는 배우면 배울수록 잘 사용하고 싶은 욕심이 들기 시작했다.
  • 그리고 2개의 디자인 패턴을 배웠는데 프로젝트를 진행할 때 어떤 상황 또는 어떻게 적용해야 할지는 아직 감이 안 잡힌다.
  • 내일이 타입스크립트 수업 마지막이라니...! 다음 주에 배울 백엔드 기초가 너무 기다려진다!! 이런 감정 오랜만이다...!

 

📌 참고

 
반응형