TypeScript 시작하기

오늘은 타입스크립트를 설치하고 셋팅해보며 필수문법에 대해 짧게 살펴보겠습니다. 일단 nodejs를 검색해서 설치해주어야 합니다. 링크를 타고 들어가서 Download Node.js(LTS) 를 눌러줍니다. https://nodejs.org/en VSCode 를 다

지난 시간에는 TypeScript 를 설치하고 셋팅해봤습니다. 여기에 이어서 primitive types에 대해 알아보겠습니다.지난 시간에 기본 문법 몇 가지를 작성해봤지만 사실 변수 생성시, 타입스크립트가 타입을 자동으로 부여해줍니다. 아래의 경우에는 string 으

오늘은 타입을 미리 정하기 애매할 때 사용하는 타입에 대해 알아보도록 하겠습니다.지난번에 union type 에 대해서 간단히 확인해보았지만, 여기에 더해 숫자 or 문자 가 가능한 array 타입을 지정하려면 다음과 같이하면 됩니다.새롭게, any 타입은 모든 자료형

이번 시간에는 타입스트립트에서 함수에 타입을 지정하는 방법과 void 타입을 알아보겠습니다.이전 시간에 타입스크립트 문법 10분 정리에서 함수에 타입을 지정하는 방법은 다룬 바 있습니다. 함수에서는 void 타입도 활용이 가능합니다. return 할 것이 없을 경우에

지난 시간에는 함수에 타입을 지정하는 법과 void 타입에 대해 알아보았습니다. 오늘은 타입을 확정하는 Narrowing 과 Assertion 에 대해 알아보겠습니다.type이 아직 하나로 확정되지 않았을 경우에는 type narrowing 을 써야합니다. 대표적인 n

지난 시간에는 타입을 확정하는 Narrowing 과 Assertion 에 대해 알아보았습니다. 오늘은, 타입을 변수에 담아쓰는 방법과 readonly 에 대해 알아보겠습니다.타입이 너무 길고 복잡하면 변수에 담아 쓸 수 있습니다. type alias 는 union ty

지난 시간에는 타입을 변수로 지정하는 법과 readonly 에 대해 알아보았습니다. 오늘은 Literal Types 에 대해 알아보겠습니다.타입을 지정하는 것에서 더 엄격한 타입 지정이 가능합니다. Literal types 는 변수에 무엇이 들어올지 더 엄격한 관리를

지난 시간에는 Literal Types 에 대해 알아보았습니다. 오늘은 함수와 methods에 type alias 를 지정하는 방법을 알아보겠습니다.함수를 만들 때 type alias 로 만들고 싶으면 arrow function 으로만 만들어주어야 합니다.또한, 함수선

저번 시간에는 함수와 methods 에 type alias 를 지정하는 방법을 알아보았습니다. 오늘은 타입스크립트로 HTML 변경과 조작할 때 주의점에 대해 알아보겠습니다.index.html 파일을 우선 아래와 같이 만들어봅시다.다음으로, tsconfig.json 에

지난 시간에는 타입스크립트로 HTML 변경과 조작할 때 주의점에 대해 알아보았습니다. 오늘은 class 만들 때 타입을 지정하는 법을 알아보겠습니다.class 필드에도 타입 지정이 가능합니다.TypeScript constructor 는 필드값이 미리 선언되어 있어야합니

저번 시간에는 class 를 만들 때 타입을 지정하는 방법을 알아보았습니다. 오늘은 Object 에 타입을 지정할 수 있는 interface 에 대해 알아보겠습니다.type 키워드 말고도 interface 로 타입변수를 생성할 수 있습니다. object 타입을 지정할

이번 시간에는 함수의 rest parameter 와 destructuring 할 때의 타입을 지정하는 법을 알아보겠습니다.rest parameter 에 타입 지정은 어떻게 하냐면, rest parameter 가 여러 개의 인자를 배열로 한 번에 받아올 수 있는 문법을

지난 시간에는 rest parameter 와 destructuring 할 때의 타입지정을 알아보았습니다. 오늘은 Narrowing 할 수 있는 방법을 더 알아보도록 하겠습니다.type Narrowing 은 typeof 로 주로 한다고 했는데, 이 typeof 만으로는

지난 시간에는 narrowing 할 수 있는 방법을 더 알아보았습니다. 이번 시간에는 함수에 사용하는 never 타입에 대해 자세히 알아보겠습니다.함수의 return 값에 붙일 수 있는 것이 never type인데, 첫 번째 조건은 함수에 return 값이 없어야 합니

저번 시간에는 함수에 사용하는 never 타입에 대해 알아보았습니다. 이번 시간에는 타입스크립트에서의 public, private 키워드에 대해 알아보겠습니다.클래스의 properties 에도 타입 지정이 가능합니다. 클래스 밖에서 properties 에 접근하는 것을

지난 시간에는 타입스크립트에서의 public 과 private 키워드에 대해 알아보았습니다. 이번 시간에는 protected 와 static 키워드에 대해 알아보겠습니다.private 과 유사하게, protected 라는 키워드를 사용할 수 있는데, private 은

이번 시간에는 타입의 import, export 와 namespace 에 대해 알아보겠습니다.우선, 타입도 import 와 export 가 가능합니다.옛날에는 import 와 export 문법이 없어서 다른 파일의 내용을 가져오려면 <script> 태그로 첨부했는

지난 시간에는 타입의 import 와 export, namespace 에 대해 알아보았습니다. 이번 시간에는 타입을 파라미터로 입력하는 Generic 에 대해 알아보겠습니다.아래처럼 배열의 첫 번째 요소를 반환하는 함수를 만들고, a를 출력해보면 예상대로 4가 나오지만

이번 시간에는 array 자료에 붙일 수 있는 tuple type 에 대해서 알아보도록 하겠습니다.tuple type 이라는 것을 쓰면 위치까지 고려한 엄격한 타입지정이 가능합니다.tuple 안에는 옵션 표시가 가능하나, 중간에 옵션을 넣으면 순서 개념이 깨져서 불가능

저번 시간에는 array 자료에 붙일 수 있는 tuple type 에 대해 알아보았습니다. 이번 시간에는 외부 파일 이용 시 declare & 이상한 특징인 ambient module 에 대해 알아보도록 하겠습니다..js 확장자에 있는 변수를 .ts 에서 이용하고 싶은

저번 시간에는 외부 파일 이용시 declare & 이상한 ambient module 에 대해서 알아보았습니다. 이번 시간에는 d.ts 파일에 대해 알아보도록 하겠습니다.d.ts 파일은 타입 정의 보관용 파일입니다. ts 파일에 타입정의가 너무 길면 d.ts 파일을 만들