타입스크립트..그것은...

타입스크립트.. 정말 가깝게 느끼자면 가깝지만 막상 적용하지가 쉽지 않은 그것!! 다시한번 도전해 볼까요..!!타입스크립트란 타입을 가지고 있는 자바스크립트의 슈퍼셋이며, 어떠한 브라우저, 운영체제에서 구동되는 오픈소스입니다. 즉, 자바스크립트의 상위 집합이기 때문에

타입스크립트는 자바스크립트와 동일한 방법 즉, const, let, var로 변수를 선언할 수 있습니다.아래 코드를 한번 볼까요? 자바스크립트 상에서는 별 문제없이 잘 작동할 코드로 보이고 있습니다. 하지만 typescript에서는 처음 0을 선언했을때 score의 d

인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미합니다. 타입스크립트에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있습니다.객체의 스펙(속성과 속성의 타입)함수의 파라미터함수의 스펙(파라미터, 반환 타입 등)배열과 객체를 접근하는 방식클래스인터

웹 애플리케이션을 구현할 때 자주 사용되는 함수는 타입스크립트로 크게 다음 3가지 타입을 정의할 수 있습니다.함수의 파라미터(매개변수) 타입함수의 반환 타입함수의 구조 타입\-타입스크립트 핸드북(https://joshua1988.github.io/ts/guid

열거형인 ENUM에 대하여 알아보아요!보통 Java에서 자주 접해본 경험이 있을 수 있을것 같은데, 타입스크립트에서는 문자형 이넘과 숫자형 이넘을 지원하고 있습니다.열거형은 상수들의 집합에 이름을 부여할 수 있습니다. 스타벅스 등급을 enum으로 표현해 볼까요이제 스타

제네릭을 사용하면 함수가 파라미터를 받듯이 타입을 파라미터화 해서 여러가지 타입을 받아줄 수 있습니다. 즉 여러번 재사용이 가능한걸 만들때 사용할 수 있겠죠?아래 코드는 인자를 하나 넘겨 받아 반환해주는 함수입니다.tring으로 지정되어 있지만 만약 여러 가지 타입을

Intersection타입은 말 그대로 여러타입이 합쳐진 하나의 타입을 말합니다. 두개의 Interface타입의 인자를 전달받아 하나의 객체로 합쳐주는 함수를 만들어주세요.이런 경우에 함수의 반환값을 무엇으로 지정해 주어야 할까요? 바로 Intersection을 사용해

타입별칭은 인터페이스와 비슷하지만 직접 타입에 이름을 붙여줄 수 있습니다. 사용법은 type 별칭이름 {}입니다. 저번장에서 만든 유저와 액션의 인터페이스를 통해 인터섹션타입을 만들고 이름을 부여해 보겠습니다. 그렇다면 이렇게 아래처럼 사용해 줄 수 있겠죠? 두 코드는

타입단언 즉 type-assertion을 사용해 보셨나요?strict모드로 조금더 엄격한 타입체킹을 할때에 null type 에러를 해결하기 위해 자주 사용될 수 있는 non-null assertion 또한 타입단언 문법이죠? 하지만 사용시 eslint에서 다음과 같이