Typescript 3

type 과 interface의 차이

TypeScript에서 type과 interface는 둘 다 사용자 정의 타입을 만드는 데 사용됩니다. 이 둘 사이에는 공통점이 많지만, 몇 가지 중요한 차이점도 있습니다: 1.확장/상속 interface는 확장(extends) 및 구현(implements)을 지원하여 코드 재사용이 용이합니다. 또한 같은 이름의 interface를 여러 번 선언하면, 컴파일 시점에 자동으로 병합됩니다. 반면에 type은 확장/구현을 지원하지 않습니다. 그러나 type은 다른 type과 교차하여 사용할 수 있습니다(& 연산자를 사용). 2. 복합 타입 type은 기본, 유니온, 교차, 튜플, 인덱스 타입 등 모든 타입을 표현할 수 있습니다. type이 interface보다 더 표현력이 높다고 볼 수 있습니다. 3. 구문 ..

Typescript 2023.06.12

타입 단언과 선택적 체이닝 ex)비밀번호 일치 확인 함수

document.getElementById() 함수는 HTMLElement를 반환하거나, 그런 엘리먼트가 없으면 null을 반환합니다. 하지만 이 특정 엘리먼트가 HTMLInputElement(텍스트 입력 필드라고 가정합니다)인 것을 알고 있으므로, TypeScript의 "타입 단언(type assertion)"이라는 기능을 사용하여 TypeScript에게 이 엘리먼트를 HTMLInputElement로 취급하도록 지시합니다. 이를 통해 confirmPasswordElement에 HTMLInputElement에 특정한 속성, 예를 들어 .value를 사용할 수 있게 됩니다. as HTMLInputElement은 타입 단언입니다. 다른 프로그래밍 언어의 타입 캐스팅과 비슷하지만, 런타임 동안 특별한 검사나 ..

Typescript 2023.06.09