TypeScript - 튜플(Tuple)에 대해 알아보자!

자바스크립트를 사용할 때, 우리는 같은 형태의 연관된 데이터 여러개를 저장하기 위해 배열을 주로 사용합니다. 하지만 타입스크립트에서는 배열 뿐만 아니라 튜플이라는 데이터 구조가 있습니다. 튜플을 사용하면 더욱 자세한 데이터 관리가 가능한데요, 오늘은 타입스크립트 튜플(Tuple)에 대해 알아보도록 하겠습니다.🤔 튜플이란?튜플은 각 요소의 지정된 자리에 타입들을 고정시켜둔 배열입니다. 자바스크립트에서의 배열에는 다음과 같이 아무 값이나 넣을 수 있었습니다.let array = [1, "hello", true, 20]; 하지만 타입스크립트에서 똑같은 방식으로 배열을 사용하게 되면 다음과 같은 여러가지 문제가 발생할 수 있습니다.타입 안정성 부족예상치 못한 타입 오류 발생불명확한 배열의 의미 👍 튜플을 사..

• format_list_bulleted 프론트엔드
• · 2025. 3. 1.
• textsms

[TypeScript / 오류] Property 'value' does not exist on type 'EventTarget'.

@Emit()을 이용한 코드 작성 중 다음과 같은 오류가 발생하였습니다.Property 'checked' does not exist on type 'EventTarget'.해당 HTML 부분과 @Emit에 정의된 부분은 다음과 같습니다. HTML@Emit@Emit()change(event: Event) { return event.target.checked;}event.target는 HTMLElement이지만 checked라는 값을 가지고 있는것이 보장되어있진 않습니다. 따라서 TypeScript에서 에러를 발생시키는 것입니다. 해당 부분을 적절한 HTML Element로 바꿔주면 해결됩니다. 수정에러가 난 부분은 input 태그이므로 다음과 같이 수정하여 해결가능합니다.@Emit()change(even..

• format_list_bulleted 오류해결/TypeScript
• · 2023. 1. 13.
• textsms

[TypeScript / Eslint 오류] Type string trivially inferred from a string literal, remove type annotation

컴파일 시 ESLint에서 다음과 같은 오류가 발생하였습니다.error Type string trivially inferred from a string literal, remove type annotation @typescript-eslint/no-inferrable-types문제가 되는 부분은 다음과 같습니다.message: string = '메세지를 입력해주세요.';변수에 string 타입을 명시해주었는데, 컴파일러가 초기값으로 받은 문자열을 통해 message 가 string 타입이라는 것을 유추할 수 있어 위와 같은 오류가 발생한 것입니다. 자동추론이 가능한데 타입을 명시해주면 코드가 길고 장황해질 수 있습니다.아래와 같이 고쳐서 오류를 해결하였다.message = '메세지를 입력해주세요.';..

• format_list_bulleted 오류해결/TypeScript
• · 2023. 1. 13.
• textsms