Typescript - any, unknown, never 차이점 정리

any let name: any; 타입스크립트에서 가장 유연한 성격을 가진 타입입니다. 모든 타입의 값도 받을 수 있습니다. 유연해서 많이 사용할 것 같지만 사용을 지양하는 것이 좋습니다. any를 사용하면 타입스크립트 컴파일러 작동을 하지 않아, 타입을 검사하는 부분이 없어지게 됩니다. 이렇게 된다면 일반 자바스크립트와 차이점이 없어지게 됩니다. 타입스크립트에서 어떠한 타입을 사용할지 정확하게 설정해주어야 합니다. unknown let name: unknown unknown 타입은 어떠한 값이든 저장이 가능합니다. 하지만, any 타입과는 다른 점이 있습니다. 값을 입력하고 값을 전달하려고 하면 에러가 발생합니다. 조금 더 제한 적입니다. any 보다 나은 점은 할 수 없는 작업이 에러가 발생한다는 점..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 30.
• textsms

Typescript 물음표(?) 선택적 프로퍼티 / 옵셔널 체이닝 / Null 병합 연산자

타입스크립트에서 물음표를 이용한 문법 3가지가 있습니다. 세 가지에 대해서 정리해보려고 합니다. 선택적 속성 Optional Propery -? type animal { name?: string } interface person { name: string } function add(num?: number) { return num; } 속성을 정의할 때 사용할 수 있습니다. 해당 속성의 값이 있어도 되고 없어도 선택적으로 받을 수 있습니다. 옵셔널 체이닝(Optional Chaining) -?. 일반적으로 속성접근자(.)를 이용하여 속성의 값을 가져올 수 있습니다.. 하지만 속성이 없을 경우에 오류가 발생합니다. // const name = person.name // if person undefined -..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 24.
• textsms

Typescript 느낌표(!) Non-null 단언 연산자 사용법

Non-null 단언 연산자(Non-null assertion operator) 자바스크립트는 없고, 타입스크립트에서 사용하는 문법입니다. null이나 undefined가 아니라고 알려주는 타입스크립트 문법입니다. 난 null 이나 undefined가 아니고 반드시 값이 있어!! Non-null 단언 연산자 사용법 type person = { name : string age?: number } const superman: person = { name: 'superman', } const num: number = superman.age // error const num: number = superman.age! console.log(num); person 타입에서 age 선택적 타입으로 만들었습니다. ag..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 22.
• textsms

타입스크립트 - 제네릭(Generics)이란? 장점 사용법

제네릭(Generics) 이란? 타입스크립트에서 제네릭이란 함수, 클래스, 인터페이스를 선언할 때, 타입을 파라미터 화하는 방법을 제네릭 이라고 합니다. 타입스크립트의 경우에는 변수, 함수, 클래스 생성 시에 타입을 지정해야 하는데, 타입을 지정하려고 하면 동일한 기능에 함수를 타입별로 만들어줘야 하는 단점이 있습니다. const arrayName: string[] = ['superman', 'batmam', 'pororo']; const arrayNumber: number[] = [1, 2, 3]; // generic 방식 const genericName: Array = ['superman', 'batmam', 'pororo']; const genericNumbers: Array = [1, 2, 3];..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 17.
• textsms

타입스크립트 장점? 언제 사용하면 좋을까?

타입스크립트란? 자바스크립트의 Superset(확대 집합)입니다. 자바스크립트의 장점과 새로운 기능들이 추가되었습니다. 타입스크립트는 파일을 컴파일해서 자바스크립트 코드로 만듭니다. 컴파일하는 과정에 새로운 구문과 더 나은 방법을 활용할 수 있게 합니다. 타입스크립트의 경우에 C언어, Java와 같은 정적 타입 언어와 Javascript의 동적 타입 언어의 장점을 모두 가지고 있습니다. 모든 변수에 타입을 지정하지 않아도 되지 않고, 필요한 곳에서만 타입을 지정하면 되는 점진적 타입 언어 입니다. 타입스크립트 장점 브라우저 런타임이 아니라 컴파일 시점에서 오류 파악 가능합니다. 자바스크립트 코드에서는 아래와 같이 예측하지 못한 버그가 발생할 수 있습니다. function add(num1, num2) { ..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 8.
• textsms