TypeScript

갑자기 정적타입의 언어?정적언어라는 것은 '타입' 즉 자료형을 컴파일 시에 결정하는 것 입니다.우리가 잘 알고 있는 Java, C+ 등이 이에 해당합니다.이 언어는 변수에 들어갈 값의 형태에 따라 자료형을 지정해주어야 합니다.반대로, 동적언어란 JavaScript, P

지난 문법시간에 공부했던 내용 중 TS는 변수타입을 추론하는 코드를 같이 살펴봤다.내가 오늘 공부한 내용은 TS는 변수타입도 추론이 가능하지만, 반환타입도 추론이 가능하다.위 코드처럼 함수에도 타입 애너테이션을 지정해 주어야 하지만, 그렇게 하지 않아도 TS는 type

void type은 변수가 아닌 함수에서 주로 사용하고 아주 드물게 사용됩니다.아무것도 반환하지 않은 함수의 반환타입으로 사용합니다.test(2); // errorfunction test(): void { return undefined;}test(); // undefi

TS에서 객체형태 타입 지정하는 법만약, 객체 프로퍼티를 추가하면 어떻게 될까?예를 들어, 다음의 함수가 있고함수를 호출할때 객체 프로퍼티를 추가하여 입력하면 어떻게 될까?오류를 보인다. age라는 프로퍼티를 찾을 수 없다고 한다.그럼 다음과 같이 작성하면 어떨까?잘

타입을 재 사용하고 이름을 지정하는 방법을 말합니다.예를 들어, 다음과 같은 복잡한 코드가 있을때 코드의 가독성을 좋게 만들어 줍니다.보기만해도 "first: string, last: string" 이 코드가 반복되는 것이 보이죠?이걸 계속 반복하는 대신 타입 별칭을

기본 배열 타입이지만 타입과 배열의 길이가 정해져 있는 배열 타입을 말한다.바로 코드로 확인해보자!

유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 'A' 이거나 'B'이다 라는 의미의 타입입니다.위 사진처럼 타입을 여러가지 지정해 줄 수 있습니다.이렇게 타입을 미리 지정하여 사용할 수도 있습니다.함수를 하나 만들어 보겠습니다.위 코드는

변수가 작성한 리터럴 값 중 하나를 갖도록 할 수 있다.바로 코드를 통해 확인해보자!위 코드처럼 말 그대로 문자열을 타입으로 지정하면 같은 문자열(대소문자 구분)만 반환할 수 있다.

Enum type은 JS에는 존재하지 않는 문법으로 TS에만 존재하는 문법이다.처음에는 Enum type이 이해가지 않았다. 일반 객체와 비슷하게 생겼기 때문에 그냥 객체로 타입을 정의하면 되지 않을까?강의를 들어도 그 의문은 해결되지 않았다.그래서 Enum type의

Interface를 처음 마주한 느낌은 type alias 강의와 굉장히 비슷하다는 생각이 들었다.실제로 강의에서도 타입 별칭과 굉장히 유사하다고 말한다.그럼 바로 interface에 대해 알아보자!Interface는 typescript에서 가장 흔히 사용되는 기능이다

tsc 커맨드의 인자로 타입스크립트 파일명을 넘기면 해당 파일에 저장되어 있는 소스 코드가 자바스크립트로 변환됩니다.!! 해당 커맨드로 두 가지 파일을 입력하면 두 파일 모두 컴파일 됩니다.타입스크립트에게 단 한 번만 컴파일하지 말라고 지시하는 옵션입니다.typescr

흔히 DOM에서 사용한다. 타입 단언의 개념은 typescript에서 선언하는 것입니다.내가 더 많이 알고 있고 이 값을 다른 타입으로 취급하라고요!typescript가 우리보다 많은 정보가 없는 상황에 쓸 수 있습니다.코드를 통해 확인 해 봅시다!누가 봐도 미스터리라