TypeScript

startApp() 이라는 함수는 내부에서 url을 axios 하여 데이터를 받아오는 함수이다. querySelector로 제공한 선택자 또는 선택자 뭉치와 일치하는 문서를 선택한 뒤 innerText를 사용하여 url에서 가져온 데이터의 값을 할당시킨다. 여기서 두

2강은 typescript 설치 및 ts.config.json 등 초기 세팅에 대한 이야기다. ts 파일은 브라우저가 인식할 수 있는 형태의 JS로 변환해주는 과정이 필요하다.그 과정이 바로 컴파일!tsc(TypeScript Compile)라는 명령어를 수행하기 위해

3강은 타입스크립트의 변수의 타입 정리를 다룬다.가장 기본적인 타입으로는 문자열, 숫자, 배열이 있다.기본적으로 JS에서의 변수 선언방식은 타입 지정 없이 바로 값을 할당한다.하지만 TS에서는 다음과 같이 해당 변수를 문자열로 간주한다는 타입을 지정한다.숫자의 경우 n

4강은 실습 풀이라 타입에 대한 이야기보다는 js의 ts변환을 위한 타입 지정에 초점을 맞추었다.object속성에 done이 없다고 나온다.이건 다음의 코드를 통해 todo의 형식을 유추하여 지정할 수 있다.todo라는 object는 id와 title, done이라는

5강의 메인주제는 interface였다. interface: 반복되는 타입들에 대해서 하나의 interface로 정의하고 타입으로 사용interface를 쓰면 중간에 오탈자가 생기거나 다른사람이 보더라도 해당 interface의 동일한 규칙이 있음을 알 수 있다.인터페

7강의 메인 주제는 유니온(Union)타입과 인터섹션(Intersection)타입의 설명 및 비교다.유니온 타입: 하나의 타입 이상을 쓸 수 있게 만드는 것, 파이프 연산자 사용, 넣은 만큼 추가 됨다음과 같이 logMessage라는 함수 내부 인자를 string으로

8강의 메인 주제는 이넘(enum)타입이다.enum: 특정 값들의 집합을 의미하는 자료형, 드롭다운 같은 목록에서 많이 사용된다.TS에서는 문자형 이넘과 숫자형 이넘을 지원한다.enum 멤버인 Nike의 실질 값은 0이다. 왜냐하면 enum을 쓸 때 별도의 값을 지정하

9강의 메인주제는 Class!class: ES2015(ES6)부터 사용된 문법으로, class예약어를 사용해여 인스턴스를 만들어 주는 것이 기본 역할기본적인 형태는 다음과 같다. 실제로는 이렇게 사용된다..Person이라는 class를 new와 함께 사용하여 인스턴스를

10강의 주제는 Generic... TS의 첫번째 난관... 1. 제네릭 소개 제네릭은 C#, java 등의 언어에서 재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징을 가지고 있다. 특히 한가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용

12강의 주제는 타입 추론!타입추론이란 타입스크립트가 해당 코드를 어떤식으로 해석하는지에 대한 동작을 뜻한다.a라는 변수는 타입을 정의하지 않아서 any로 지정되어있다.사실 정리할때는 저렇게 적었는데 지금와서 제대로 해석해보자면 a라는 변수는 타입을 지정하지 않았고 값

13강 메인주제는 타입 단언! 타입단언은 컴파일러보다 개발자가 해당 타입에 대해 확신을 할 수 있을 때 사용한다!먼저 할당을 하지 않은 변수 a가 있다고 하자. 해당 변수에는 아직 특정 타입을 지정하지도, 값을 할당하지도 않았기 때문에 TS가 any라고 타입을 추론한다

14강 메인 주제는 타입가드!먼저 다음과 같이 Developer라는 interface와 Person이라는 interface가 존재한다고 하자.이때 introduce()라는 함수의 반환 타입을 Develpoer | Person 이라고 지정했을때 return 값으로 De

15강 메인주제는 타입호환... 특히 구조적 타이핑이라는 키워드에 집중할 것타입호환이란 타입스크립트 코드에서 특정 타입이 다른 타입에 잘 맞는지를 의미하는 것이다.그 타입에 있는 속성의 타입을 기준으로 타입들이 호환되는지 확인되며 타입스크립트는 구조적 타이핑으로 서로

먼저 명목적 타이핑이라는 것이 무엇일까? 명목... 얼핏 들으면 이름이 굉장히 중요한 역할을 하는 타이핑처럼 보인다.실제로 명목적으로 구체화한 타입 시스템에서는 값이나 객체의 타입은 이름으로 구분된다.명목적으로 구체화한 타입 시스템 타입을 사용하는 여러 프로그래밍 언어

자바스크립트에서 배열은 객체에 속하는 타입으로 분류하며 단독으로 배열이라는 자료형에 국한하지 않는다. 타입스크립트에서 Array라는 타입을 사용하기 위해서는 타입스크립트의 특수한 문법을 사용해야한다.자바스크립트의 배열은 동적 언어의 특징에 따라 어떤 값이든 배열의 원소

타입스크립트에서 타입 좁히기는 변수 또는 표현식의 타입 범위를 더 작은 범위로 좁혀나가는 과정을 말한다. 타입 좁히기를 통해 더 정확하고 명시적인 타입 추론을 할 수 있게 되고, 복잡한 타입을 작은 범위로 축소하여 타입 안정성을 높일 수 있다.타입스크립트에서의 분기 처

텍스트 에러, 토스트 에러, 얼럿 에러 세가지가 있다고 해보자. 이들 모두 유효성 에러로 errorCode와 errorMessage를 가지고 있으며, 에러 노출 방식에 따라 추가로 필요한 정보가 있을 수 있다.각 에러 타입의 유니온 타입을 원소로 하는 배열을 정의해보면