Coding devil/8: Utility Types

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,7 @@
+### ✍ // lecture/num : task
+
+### 📝Description
+// Description 작성
+
+### 📌Summary
+// Summary 작성

src/index.js

@@ -0,0 +1,26 @@
+function merge(objA, objB) {
+    return Object.assign({}, objA, objB);
+}
+var mergeObj = merge({ name: 'Max', hobbies: ['Sports'] }, { age: 30 });
+// const mergeObj2 = merge({ name: 'Max' }, { age: 30 });
+console.log(mergeObj.name);
+function countAndDescribe(element) {
+    var descriptionText = "Got no Value";
+    if (element.length === 1) {
+        descriptionText = "Got 1 element";
+    }
+    else if (element.length > 1) {
+        descriptionText = 'Got ' + element.length + ' elements.';
+    }
+    return [element, descriptionText];
+    // return ['Max', 'Tom']; //error 발생 : 타입을 명시했기 때문에 그렇다.
+}
+console.log(countAndDescribe('Hi, there!'));
+//객체 key, value에 합당한 ts Generics
+function extractAndConvert(obj, key) {
+    return 'Value: ' + obj[key];
+}
+//  T : { name: 'Max' }, U : 'name'
+var value = extractAndConvert({ name: 'Max' }, 'name');
+console.log(value);
+//  위의 설명이 다소 복잡하다. 우선 U는 객체의 key, value 형태로 구성되어 있다. 그리고 U는 T에서 key에 해당되는 값을 상속받아 key타입을 지니고 있다. 즉, name 부분을 반환하는 형태이다. return 값의 반환을 보면 object의 해당 key값을 도출하려는 의도이다. 따라서, console.log(value)의 값은 Max가 된다.

src/index.ts

@@ -1,3 +1,5 @@
-// src/index.ts
-const message: string = "Hello, TypeScript!";
-console.log(message);
+// NonNullable<Type>
+// Null과 undefind를 제외한 타입 생성
+
+type T1 = string | null | undefined | void;
+type T2 = NonNullable<T1>;

tsconfig.json

@@ -1,6 +1,16 @@
 {
   "compilerOptions": {
-    "target": "es6",         // 컴파일 시 사용할 ECMAScript 버전
+    "target": "es6",       // 컴파일 시 사용할 ECMAScript 버전
+    "lib" : [
+      "dom",
+      "dom.iterable",
+      "esnext",
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
     "module": "commonjs",    // 모듈 시스템
     "strict": true,          // 엄격한 타입 검사
     "esModuleInterop": true, // ES 모듈과의 상호 운용성 설정