⌨️ conceptualization/Typescript
-
유틸리티 타입(Utilty Types)⌨️ conceptualization/Typescript 2022. 9. 12. 16:12
🔥 typescript에서 다양하게 사용되는 utility type에 대하여 알아보자 1. keyof 2. Partial 3. Required 4. Readonly 5. Record 6. Pick 7. Omit 8. Exclude 9. NonNullable 1. keyof 타입 👉🏻 객체의 key 값을 추출한다 interface User { id: number; name: string; age: number; gender: "m" | "f"; } type UserKey = keyof User; // 📌 다음과 같은 키 값을 나타낸다 // 'id' | 'name'| 'age'| 'gender' const uk: UserKey = "name"; // 📌 name 과 같은 UserKey 프로퍼티 값이 들어가지..
-
Generics 에 대하여⌨️ conceptualization/Typescript 2022. 9. 12. 14:32
Generics가 무엇일까 ? general 이라는 단어를 아는가? 이것은 일반적인, 보편적인 이라는 뜻이다 '-ic'라는 접미사를 통해 일반적인 것들과 관련된(작용을 하는) 뜻으로 해석할 수 있다. 👉🏻 한마디로 말해서 프로그래밍용 언어로 생각해 볼때 데이터 형식에 의존하지 않고, 하나의 값이 여러 다른 데이터 타입을 가질수 있도록 하는 방법이다. 👉🏻 우선 다음과 같은 예제가 있다 function order(arr: number[] | string[] | boolean[] | object[]): number { //📌 이러한 방식으로 변수가 하나씩 선언될때마다 데이터 타입을 지정해 줘야한다. return SafeArray.length; } const arr1 = [1, 2, 3]; order(arr1..
-
함수의 타입명시⌨️ conceptualization/Typescript 2022. 9. 11. 18:37
📌 typescript에서 함수를 작성하는 방법에 대해 알아보자 1. 함수의 반환(return) 타입을 지정하는 방법 2. 선택적 매개변수(parameter)를 전달하는 방법 3. 매개변수의 디폴트 값을 주는 방법 1. 함수의 반환(return) 타입을 지정하는 방법 syntax function 함수이름(매개변수1, 매개변수2) : 함수의 반환타입 { } ❗️ void 타입 function test(): void {} 👉🏻 아무것도 반환 하지 않는 함수의 반환 값으로만 사용될 수 있는 타입 string 타입 function test(): string { return "a"; } 👉🏻 string 값으로 return string[] 타입 function test(): string[] { return ["a..
-
Any, Union Type, Intersection Type, Type Aliases & Type Guards에 대해서 알아보기⌨️ conceptualization/Typescript 2022. 9. 11. 17:10
Any Type 이란? 어떠한 타입이든 모두 ok(타입체크 안하겠다 라는 의미) BUT ❗️ 왠만하면 쓰지 않는 것이 좋다. WHY ❓ 타입스크립트는 타입에 관한 더 많은 정보를 명시할수로 좀더 명확하게 개발자의 의도를 기술할 수 있으며, 타입에러를 컴파일시 잡아낼수 있다. -> 효과적인 코드의 유지보수 🧠 그렇다면 제한된 타입들을 동시에 지정하고 싶을때 사용하는 방법으로는 ? 유니언 타입(Union Type) & 교차 타입 📌 유니언 타입(Union Type) 변수값을 여러타입으로 지정가능하다. 문법(Syntax) let someValue : number | string someValue 의 타입을 number 혹은 string 값으로 지정가능하다. let day : number | string = 1..
-
열거형(Enum) 과 리터럴 타입⌨️ conceptualization/Typescript 2022. 9. 11. 16:02
Enum(열거형) 이란 ? 연관된 아이템들을 함께 묶어서 표현 할 수 있는 수단 예시비교 enum을 사용해보자 ! //📌 1. 다음과 같이 상단에 enum을 작성해보자 enum Forfun { Playingguitar, Singasong, EnjoyingDesserts, } const who = { myname: "yelim", age: 28, gender: "female", hobby: Forfun.Playingguitar,//📌 3. string value 의 값을 enum 내 properties 로 바꿔주자 married: false, }; interface Aboutme { readonly myname: string; age: number; gender: string; hobby: Forfun; ..