TypeScript
1.TypeScript 왜 사용해요?
JavaScript 장점을 살리고, 단점을 보완하기 위해서 사용합니다. ex) 단순 예시 위의 문제를 TypeScript를 통해 해결할 수 있습니다. 시작 방법 (공식 문서, https://www.typescriptlang.org/) > 타입스크립트는 프로그래밍
2.TypeScript Using Types
Core Types numbers: 정수, 실수 구분없이 모두 숫자형입니다. string: '', "", `` 사용할 수 있다.
3.TypeScript에서 object, array, enum, tuple, any type
product 타입을 아래와 같이 설정해줄 수 있다.Javascript에는 없지만, typescript에서 사용이 가능한 type배열이라고 보이고, 배열은 맞지만 길이가 고정된 배열입니다.Javascript에는 없지만, typescript를 통해 존재할 수 있는 ty
4.typescript 조합, 사용자 정의 type
작동은 하지만, 이후에 type을 쉽게 알아볼 수 없기 때문에 사용 시 주의해야 한다.그럼에도 불구하고 사용하는 이유는 number | string을 동시에 써야하는 경우, 혹은 그 이상 type을 설정해야하는 경우 유용하게 사용자 정의 타입을 적용할 수 있다.
5.typescript 함수 반환 type
add(): number 통해서 함수 반환 type을 구체적으로 설정할 수 있다.만약 함수 뒤 나올 수 없는 type을 적어줄 경우 compile 실패한다.함수 반환 type 존재하는 이유는 javascript에 없는 void type 때문이다.주의 사항으로 함수 반환
6.typescript unknown, never type
우선 unknown은 any와 다르게 작동합니다.unknown의 경우 엄격한 검사를 진행하기 때문에,if문을 통해 type 검사를 한 번 더 진행하면 에러를 막을 수 있습니다. if문 없이 userName = userInput 작성 할 경우 에러를 반환합니다.함수에 마
7.typescript, javascript compile, 개인 및 공용 Access, readOnly
개인 및 공용 Access Department employee: string[] = []; 위 코드에서 private employee로 변경할 경우 accounting.employee[2]는 막힌다. 따라서 addEmployee를 통해서만 배열에 키워드를 추가할 수
8.typescript, Interface 와 class의 차이
기존 javascript와 달리 typescript를 시작하면서 Interface와 class의 차이점에 대한 이해가 부족해 Interface와 class의 차이를 먼저 알아보고 시작하려고 합니다.class부분을 진행하면서 어려움을 겪어서..ES6가 지원하지 않는 ty
9.typescript, Interface
인터페이스는 객체의 구조를 설명합니다.Interface 키워드를 통해 생성할 수 있습니다.Interface 생성자는 첫 글자를 대문자로 하는 관례가 있다.그리고 Interface는 사용자 정의 type으로 사용할 뿐입니다.따라서 구체적인 값을 추가할 수 없고, type
10.typescript, interface readonly, 확장, interface Function
interface에서는 public, private 사용할 수 없지만, readonly는 사용할 수 있습니다.class Person implements를 통해 여러개의 interface를 설정할 수 있지만 비효율적입니다.이런 경우 Greetable extends Nam
11.typescript 선택적 매개변수와 속성
?: 선택적 매개변수를 뜻한다.?: string을 통해서 선택적으로 속성을 적용시킬 수 있다.만약 outputName: string 경우 아래 class Person에 반드시 outputName 속성을 추가해야 작동한다. Person implements Greetabl
12.typescript 내장 제네릭과 제네릭
예시를 위해 배열을 생성합니다.초보자가 typescript를 사용하면서 에러를 가장 많이 보는 경우가 제네릭 타입에 대한 에러입니다. (결론.. 중요하다.)ex) 합쳐진 객체의 에러를 막는 방법extends를 통해서 object가 와야하고 object 내 type은 상
13.typescript 다른 일반 함수, keyof 제약 조건, 제네릭 타입과 유니언 타입의 차이
key값을 넘겨줄 때 사용된다. 따라서 U extends T를 사용하면 된다.제네릭 class를 사용하는 이유유연하게 재활용이 가능하다. textStorage 대신 numberStorage를 활용할 때 제네릭 class를 사용할 수 있다.종종 사용된다. (typescr