함수를 설명하는 가장 좋은 방법 : 어떤 [타입의] 매게변수를 받고, 어떤 [타입의] 결과값을 반환하는지 이야기 function func(a: number, b: number) { // 자동 추론 -> number return a + b; } // 화살표 함수 const add = (a: number, b: number) => a + b; // 매게변수 function introduce(name = "나재민", age: number, tall?: number) { // ? 선택적 매게변수: undefined으로 유니온 타입으로 받음 console.log(`name : ${name}`); if (typeof tall === "number") { console.log(`tall : ${tall + 10}`)..
Front/typescript
대수타입(Algebraic type) : 여러개의 타입을 합성해서 새롭게 만들어낸 타입 합집합 - Union type ("|" 사용): 어느 한쪽에만 포함되는 객체 또는 모두 포함되는 교집합에 위치하는 객체 // union 타입 let a: string | number | boolean | undefined | null | {}; a = 1; a = "hello"; a = true; let arr: (number | string | boolean)[] = [1, "hello", true]; type Dog = { name: string; color: string; }; type Person = { name: string; language: string; }; type Union1 = Dog | Perso..
타입 호환성 : 어떤 타입을 다른 타입으로 취급해도 괜찮은지 판단하는 것 Type = 값들을 포함하고 있는 집합, type들 끼리 부모/자식 관계를 맺음 슈퍼타입(부모타입) > 서브타입(자식타입) ex) number type > number literal type 슈퍼타입 ---- Down Cast ---> 서브타입
원시타입(Primitive Type) : 동시에 하나의 값만 저장하는 타입, number / string / boolean / null / undefined - 타입 주석(annotation): 변수의 이름 뒤에 콜론(:)과 함께 변수의 타입을 정의하는 이런 문법 //number let num1: number = 123; let num2: number = -123; let num3: number = 0.123; let num4: number = -0.123; let num5: number = Infinity; let num6: number = -Infinity; let num7: number = NaN; //string let str1:string = "hello"; let str2:string = 'h..
typescript : 자바스크립트의 확장판, 자바스크립트를 더 안전하게 사용할 수 있도록 "타입 관련 기능들을 추가한" 언어 정적 타입 시스템 : 코드를 실행하기 전에 정적으로 변수의 타입을 결정 (Java), 모든 변수에 일일이 타입을 지정 -> 타이핑 ↑ 유연 ❌ 동적 타입 시스템 : 코드를 실행하면서 유동적으로 변수의 타입을 결정 (JavaScript), 코드타입 오류를 미리 검사 ❌ -> 오류 발생↑ 점진적 타입 시스템(Gradual Type System) : (typescript) 실행전 검사를 통한 타입 안정성 확보, 자동으로 변수 타입 추론, 모든 변수에 타입을 일일이 지정할 필요 ❌ 동작원리 사람 ------ 프로그래밍 언어 -------- 기계어 ------ 컴퓨터 → 컴파일(Compi..
