TypeScript
-
[TS] Enum(열거형) 타입TypeScript 2024. 6. 29. 16:20
Enum(열거형) 타입열거형 타입은 여러 개의 값을 나열하는 용도로 사용합니다.실제로 enum은 컴파일 될 때 다른 타입들 처럼 사라지지 않고 자바스크립트 객체로 변환됩니다. // Enum 컴파일 전enum Role { ADMIN, USER, GUEST,}enum Language { korean = "ko", english = "en",}// 컴파일 후 자바스크립트 객체로 변환된다.var Role;(function (Role) { Role[Role["ADMIN"] = 0] = "ADMIN"; Role[Role["USER"] = 1] = "USER"; Role[Role["GUEST"] = 2] = "GUEST";})(Role || (Role = {}));var Language;(..
-
[TS] 타입 별칭, 인덱스 시그니처TypeScript 2024. 6. 10. 14:19
타입 별칭(Type Alias)타입 별칭을 이용하면 변수를 선언하듯 타입을 별도로 정의할 수 있습니다. type User = { id: number; name: string; nickname: string; birth: string; location: string};let user1: User = { id: 1, name: "정진경", nickname: "ea", birth: "19xx.05.20", location: "마포구",} 인덱스 시그니처(Index Signature)인덱스 시그니처는 객체 타입을 유연하게 정의할 수 있도록 돕는 특수한 문법입니다. 때로는 객체의 모든 속성 이름을 미리 알지 못하지만 값의 모양은 알고 있는 경우가 있습니다. type CountryCodes =..
-
[TS] 배열 타입 정의 방법, 객체 타입 정의 방법TypeScript 2024. 6. 9. 21:31
배열 타입 정의 방법1️⃣ : 배열요소타입[]let numArr: number[] = [1, 2, 3] 2️⃣ : Array제네릭을 이용한 방식let stringArr: Array = ["hello", "summer", "hot"] 다양한 타입 요소를 갖는 배열 타입 정의하기 바|를 이용해 유니온(union) 타입을 설정합니다. let multiArr: (number | string)[] = [1, "hello"]배열에 number 혹은 string 타입이 들어올 수 있음을 의미합니다. 다차원 배열 타입 정의하기 []을 연달아 적어서 다차원 배열의 타입도 정의할 수 있습니다. let doubleArr : number[][] = [ [1, 2, 3], [4, 5]] 튜플 Tuple길이와 타입이 고정..
-
[TS] 원시 타입, 비원시 타입, 리터럴 타입, 타입 어노테이션TypeScript 2024. 6. 9. 20:45
원시 타입(Primitive Type)동시에 하나의 값만 저장할 수 있는 타입number, string, boolean, null, undefined 등string 타입"", '',``, 템플릿 리터럴로 만든 문자열(`hello ${str1}`)null 타입"strictNullChecks" : falsenull 값을 변수의 임시값으로 활용하고 싶은 상황에서는 tsconfig.json 파일의 complierOptions의 strickNullChecks 옵션을 false로 설정합니다. 디폴트 값은 true 입니다. { "compilerOptions" : { ... "strictNullChecks": true, ... }, "ts-node": { "esm": true }, "i..
-
[TS] 타입별칭과 인터페이스TypeScript 2023. 7. 28. 14:54
🔆 처음에는 JS로 충분할 거 같은데 굳이 TS를 배워야 하나? 타입까지 일일이 신경 쓰려면 손도 많이 가고 복잡할 거 같은데...라고 생각했는데 TS 공부를 시작하고 다들 이래서 TS를 쓰는구나 느꼈습니다. 특히 협업을 하거나 천 줄이 넘는 코드를 볼 상황이라면 더욱 TS로 짜인 코드가 오히려 읽기 수월하겠구나 싶었어요. 공부를 하면서 타입 별칭과 인터페이스 간에 유사한 점이 많더라구요. 어떤 걸 사용하면 좋을지 두 개를 비교하면서 정리해 봤습니다! 타입스크립트를 이용하는 이유 타입스크립트는 이름 그대로 타입을 엄격하게 검사해 주는 역할을 해요.그리고 이건 엄격한 타입체크로 생긴 부가 기능인데 TS를 사용하게 되면 에러 메시지의 퀄리티가 올라가게 돼요.자바스크립트만 사용했을때는 에러 메시지가 다소 ..