From 1777d2f68b660b7e28403bcbc52fbd51db3af66f Mon Sep 17 00:00:00 2001
From: EunBae Gong <geb9211@gmail.com>
Date: Fri, 16 Feb 2024 14:44:19 +0900
Subject: [PATCH] =?UTF-8?q?feat(typescript):=20interface=20vs=20type=20?=
 =?UTF-8?q?=EB=AC=B8=EC=84=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/basics/typescript/interface_vs_type.md | 50 +++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 docs/basics/typescript/interface_vs_type.md

diff --git a/docs/basics/typescript/interface_vs_type.md b/docs/basics/typescript/interface_vs_type.md
new file mode 100644
index 0000000..956a90f
--- /dev/null
+++ b/docs/basics/typescript/interface_vs_type.md
@@ -0,0 +1,50 @@
+# Interface vs Type
+
+타입스크립트에서는 type과 interface 라는 두 가지 키워드로 객체의 타입을 정의할 수 있다.
+
+## interface
+
+- 객체(Object)의 타입을 설정할 때 사용할 수 있다.
+- **extends**를 이용하여 타입 확장이 가능하다.
+
+### 선언적 확장
+
+interface는 선언적 확장(Declaration Merging)이 가능하다.
+
+```ts
+interface Person {
+	name: string;
+	age: number;
+}
+
+interface Person {
+	gender: string;
+}
+```
+
+## type
+
+- 객체 뿐 아니라 원시 값(Primitive Type)이나 튜플(Tuple), 유니언(Union) 타입을 선언할 수 있다.
+- &를 이용하여 타입 확장이 가능하다.
+
+```ts
+type T1 = string; // Primitive Type
+type T2 = [string, number, boolean]; // Tuple
+type T3 = string | number; // Union
+type T4 = "Type1" | "Type2" | "Type3"; // Union
+```
+
+### computed value
+
+type은 computed value를 사용 할 수 있지만, interface는 사용 할 수 없다.
+
+```ts
+type T1 = "Type1" | "Type2" | "Type3";
+type T2 = {
+	[key in T1]: string;
+};
+interface I1 {
+	// error-next-line
+	[key in T1]: string; // error
+}
+```