TypeScript
TypeScript - Tuple
TypeScript - Tuple
2022.02.07Tuple 길이가 정해져 있고, 앞뒤의 타입이 정확한, 다를 수 있는 자료형이다. let x: [string, number]; x = ["Kdong", 30]; // 길이, 순서도 다 맞아야 한다. // x = [10, 'Omna']; // 에러가 뜬다. x[2] = "world"; // Type '"world"' is not assignable to type 'undefined'. // Tuple type '[string, number]' of length '2' has no element at index '2'. const person: [string, number] = ["Kdong", 30]; const [first, second] = person; // const [first, second, t..
TypeScript - Array
TypeScript - Array
2022.02.07Array 원래 자바스크립트에서 array는 객체이다. 사용방법 Array 타입[] let list: number[] = [1, 2, 3]; // 이 방법을 가장 많이 사용한다. let list: (number | string)[] = [1, 2, 3, "4"]; // let list: Array = [1, 2, 3]; Notion : https://torpid-pasta-de7.notion.site/Basic-Types-7c1eff4fb5f3449e932fb1d157da1f25
TypeScript - object
TypeScript - object
2022.02.07Object 프리미티브 타입이 아닌 것을 나타내고 싶을 때 사용한다. number, string, boolean, symbol, null undefined 가 아닌걸 할달할 수 있을때 사용가능하다. // create by object literal const person1 = { name: "Kdong", age: 30 }; // person1 is not "object" type. // person1 is "{ name: string, age: number }" type. // create by Object.create(전역내장객체?) const person2 = Object.create({ name: 'Kdong', age: 30}); Notion : https://torpid-pasta-de7.no..
TypeScript - null & undefined
TypeScript - null & undefined
2022.02.07TypeScript에서, undefined와 null은 실제로 각각 undefined 및 null 이라는 타입을 가진다. void와 마찬가지로 그다지 유용하지는 않다. 둘다 소문자만 존재한다. // 이 변수들에 할당할 수 있는 것들은 거의 없다. let u: undefined = undefined; let n: null = null; tsconfig 설정을 하지 않으면 다른 타입의 서브타입의 설정으로 설정된다. number에 null 또는 undefined를 할당할 수 있다는 의미이다. 하지만, 컴파일 옵션에서 ‘—strictNullChecks’를 사용하면, null 과 undefined는 void나 자기 자신들에게만 할당할 수 있다. 이 경우, null 과 undefined를 할당할 수 있게 하려면, ..
TypeScript - symbol
TypeScript - symbol
2022.02.06ECMAScript 2015의 Symbol이 추가 되었다. new Symbol 로 사용할 수 없다. Symbol 을 함수로 사용해서 symbol 타입을 만들어낼 수 있다. 함수로 사용할때는 대문자로 Symbol, 타입으로 사용할때는 소문자 symbol 이다. console.log(Symbol('foo') === Symbol('foo')); 프리미티브 타입의 값을 담아서 사용한다. 고유하고 수정 불가능한 값으로 만들어준다. 주고 접근을 제어하는데 쓰는 경우가 많다. const sym = Symbol(); const obj = { [sym]: "value", }; obj[sym]; Notion : https://torpid-pasta-de7.notion.site/Basic-Types-7c1eff4fb5f34..
TypeScript - string
TypeScript - string
2022.02.06다른 언어에서와 마찬가지로 텍스트 형식을 참조하기 위해 ‘string’ 형식을 사용한다. JavaScript와 마찬가지로, TypeScript는 문자열 데이터를 둘러싸기 위해 큰 따옴표(”) 나, 작은 따옴표(’)를 사용한다. let myName: string = 'Kdong'; myName = "DongJae"; Template String 행에 걸쳐 있거나, 표현식을 넣을 수 있는 문자열 이 문자열은 backtick (= backquote) 기호에 둘러쌓여 있다. 포함된 표현식은 ${ expr } 와 같은 형태로 사용한다. let fullName: string = `Kang Dongjae`; let age: number = 30; let sentence: string = `Hello, my name ..
TypeScript - number
TypeScript - number
2022.02.06JavaScript와 같이 TypeScript의 모든 숫자는 부동 소수점 값이다. 타입스크립트는 16진수 및 10진수 리터럴 외에도, ECMA Script 2015에 도입된 2진수 8진수를 지원한다. NaN, 1_000_000 등과 같은 표기도 가능 let decimal: number = 6; // 10진수 let hex: number = 0xf00d; // 16진수 let binary: number = 0b1010; // 2진수 let octal: number = 0o744; // 8진수 let notANumber: number = NaN; let underscoreNum: number = 1_000_000;
TypeScript - boolean
TypeScript - boolean
2022.02.06let isDone: boolean = false; isDone = true; console.log(typeof isDone); // 'boolean' let isOk: boolean = true; let isNotOk: boolean = new Boolean(true); // 프리미티 타입인 isNotOk는 오류가 나온다. 그래서 이런류는 사용하지 않는다.