[modern-react] 리액트 스터디 파일 추가

modern-react/ts/tsDataType.ts

@@ -0,0 +1,33 @@
+// 논리형
+let flag: boolean = false;
+
+// 수치형
+let pi: number = 3.14159265359;
+
+// 문자열형
+let title: string = '모험의 서';
+
+// 배열형
+let languages: string[] = ['JavaScript', 'PHP', 'Python', 'Ruby'];
+
+// 튜플형
+let person: [string, number, boolean] = ['홍길동', 50, false];
+
+// 연관 배열형
+let addresses: {[index: string]: string;} = {
+  '홍길동': '충남 태안군 원북면',
+  '신사임당': '경기도 파주시 문발로',
+  '이순신': '경기도 고양시 진밭로'
+};
+
+// 객체 유형
+let member: {
+  name: string, 
+  age: number, 
+  married?: boolean
+} = {
+  name: '홍길동',
+  age: 50,
+  married: false
+};
+

modern-react/ts/tsbasic.ts

@@ -0,0 +1,28 @@
+// Code 10-1-1
+// 변수
+let age: number = 30;
+
+// 상수
+const DEBUG: boolean = true;
+
+// 함수
+function getTriangleArea(base: number, height: number) : number {
+  return base * height / 2;
+}
+
+// 클래스
+class Person {
+  name: string = '';
+  age: number = 0;
+  toString(): string {
+    return `Person: ${this.name}（${this.age}세）`;
+  }
+}
+
+// age = '20세'
+
+// console.log(age.trim());
+
+// let age = 30;
+
+// function getTriangleArea(base: number, height: number) { ... }