FrontEnd/TypeScript

유틸리티 타입

Dean83 2024. 10. 17. 15:23

기본적으로 선언한 인터페이스나 클래스의 변수를 생성할 때, 기본 설정 규칙(예 : required) 을 무시(?) 할 수 있는 것인데, 

이걸 사용할 일이 있을지 모르겠지만... 일단 내용정리를 해둔다. 개인적으론 설정한 기본 규칙에 맞춰 변수 생성을 해야 한다고 생각한다. 

 

//예

interface test 
{
	var1:number,
    var2:string
}

//오류 발생 var2가 없음
let varTest : test = {
	var1 : 0
}

//Partial 때문에 생성 가능
let varTest1 : Partial<test> = {
	var1 : 0
}

 

  • Partial
    • 반드시 선언해야 하는 변수를 ? 로 만들어서 선언하지 않아도 되도록 변경한다.
  • Required
    • 반대로, ? 로 되어 있어 배정하지 않아도 되는 변수를 반드시 선언하도록 변경한다
  • Readonly
    • 변수들을 읽기전용으로 만든다
  • 그외 항목들은 https://www.typescriptlang.org/docs/handbook/utility-types.html 여기를 참조