FrontEnd/TypeScript 4

[TypeScript] Enum?

Enum 이란? : 특정 값들의 집합을 의미하는 자료형. 집합의 데이터 타입. 숫자형 이넘과 문자형 이넘으로 구분된다. enum Shoes{ Nike = '나이키', Adidas = '아디다스' } // 별도의 값을 지정하지 않으면 숫자형 이넘으로 된다. 지정하지 않으면 0부터 시작 var myShoes = Shoes.Nike; 이넘으로 정의 된 애들은 별도의 값을 지정하지 않으면, 첫번째 값은 0으로 할당되고 다음부터는 1씩 증가하는 값을 가진다. (숫자형 이넘) 알아볼 수 없으니 TypeScript Playground에서 돌려보자 콘솔에 찍히는 걸 볼 수 있다. 예제를 한번 보자 이넘으로 Yes와 No를 지정해준다면 함수활용에 있어서 의미는 같지만 값이 다른 애들을 걸러줄 수 있다.

FrontEnd/TypeScript 2022.06.28

[TypeScript] UnionType 과 IntersectionType

유니온 타입은 간단히 말하면 하나의 타입 이상을 쓸 수 있게 하는 것이다. function logMessage(value: string | number ){ if(typeof value === 'number'){ //value의 타입을 number로 정의 any라면 어떤 타입이 들어오는지를 볼 수 없지만 유니온은 명시가 되어있기 때문에 바로 사용할 수 있음 value.toLocaleString(); } if(typeof value === 'string'){ value.toString(); } throw new TypeError('value must be string or number'); } ' | ' or 연산자와 비슷한 애로 타입을 골라서 쓸 수 있다는 것이다. any로 타입을 정의 했을 때는 어떤 ..

FrontEnd/TypeScript 2022.06.28

[TypeScript] TypeScript 기본 타입

타입스크립트의 기본타입에는 12가지가 있다. 1. String 2. Number 3. Object, 4. Boolean 5. Array 6. Tuple 7. Enum 8. Any 9. Void 10. Null 11. Undefined 12. Never String 일경우에는 let name: string = 'mandoo'; 변수명 옆에 타입을 써줘야 한다. Number일 경우에는 let age: number = 25; 이런식으로 타입을 지정해주면 된다. 몇 가지만 더 살펴보자면 Array let arr: number=[1,2,3] Tuple let arr:[string, number] = ['mandoo', 25] tuple은 이렇게 각 요소의 타입을 지정할 수 있다. Any let name:any =..

FrontEnd/TypeScript 2022.06.28

[TypeScript] TypeScript 시작하기

TypeScript란?? 타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 컴파일이 필요하다. TypeScript 를 왜 쓸까? 에러를 사전에 먼저 방지하고, 개발 생산성을 향상시키기 위해서 점점 많이 쓰는 추세이다. 에러의 사전방지 fucntion add(a,b) { return a + b; } 이런 자바스크립트를 타입스크립트는 function add(a: number, b: number){ return a+b; } 이렇게 타입을 지정해 준다는 것이다. 실제로 사용을 해보게 되면 이렇게 개발함에 있어서 가이드를 해주는 느낌이다. (에러를 방지하기 위함) 타입스크립트를 시작할 때 거의 필수적으로..

FrontEnd/TypeScript 2022.06.27