Jaeilit

const chartList = ['rate', 'interest', 'search', 'news', 'youtube', 'streaming', 'follower', 'like'] as const; type ChartNameType = typeof chartList[number]; function (name : ChartNameType) { ... } 배열 프로퍼티가 readonly type 으로 추론된다.

타입 추론 타입스크립트가 코드를 해석해 나가면서 타입을 추론하는 것.. let x = 3; //number let str = '나는야 문자' //string let ary = [] // ary 문맥상의 타이핑 예제1) 타입스크립트가 window.onmousedown 의 타입을 검사하는데 문맥상 mouseEvnet 와 관련이 있다고 판단하여 타입이 추론되었다. 예제2) 이번에도 스크롤 이벤트에 e 의 추론으로 button element 맞지 않는 타입이라고 에러가 남 타입 호환 타입 호환이란 타입스크립트 코드에서 특정 타입이 다른 타입에 잘 맞는지를 의미합니다. 예제1) 인터페이스 Avengers 의 타입속성으로 name 만 string 으로 타입지정이 되있음에도 location 까지 추론되어 string..

유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입입니다. function logText(text: string | number) { // ... } 1) 유니온 타입의 장점 함수를 타입으로 나눠서 작성 할 수 있다. // any를 사용하는 경우 function getAge(age: any) { age.toFixe(); // 에러 발생, age의 타입이 any로 추론되기 때문에 숫자 관련된 API를 작성할 때 코드가 자동 완성되지 않는다. return age; } // 유니온 타입을 사용하는 경우 function getAge(age: number | string) { if (typeof age === 'number') { age.toFixed(..

이넘은 특정 값들의 집합을 의미하는 자료형 숫자형과 문자형도 가능하고 문자와 숫자를 합친 복합형도 가능하지만 숫자형을 쓰는게 일반적이다. 예제) // 숫자형 // 아무 값도 주지 않았을 때 enum Direction { Up, // 0 Down, // 1 Left, // 2 Right // 3 } // 기본 값 선언 enum Direction { Up = 1, Down, Left, Right } // 문자형 enum Direction { Up = "UP", Down = "DOWN", Left = "LEFT", Right = "RIGHT", } // 복합형 enum BooleanLikeHeterogeneousEnum { No = 0, Yes = "YES", } Enum 을 선언만 했을 때는 첫번째와 같이 ..

인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미 객체의 스펙(속성과 속성의타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 사용방법 interface 인터페이스_이름 { 속성?: 타입; } undefined의 경우도 예상되면 옵셔널체이닝으로 속성에 ? 붙여서 사용 할 수도 있음 interface CraftBeer { name: string; hop?: number; } let myBeer = { name: 'Saporo' }; function brewBeer(beer: CraftBeer) { console.log(beer.name); // Saporo } brewBeer(myBeer); 파라미터 값으로 namer 과 hop 를 받아야하는데 hop 값이..

타입스크립트를 쓰는 이유? 자바스크립트는 인터프리티어 자바스크립트는 알다시피 타입을 정의하지 않고 사용한다. 타입이 틀리다면, 오류가 있다면 브라우저에서 콘솔에서야 확인할 수 있다. 이유는 자바스크립트는 인터프리티어이기 때문이다. 인터프리티어란 컴파일 과정을 거치지 않고 바로바로 실행하는 것을 이야기한다. 브라우저 개발자도구에서 conosole.log() 하면 바로 출력이 나오듯이 컴파일 과정이 필요가 없기 때문에 브라우저에 와서야 타입오류를 발견 할 수 있다. 타입스크립트는 자바스크립트의 타입을 정의하고 타입스크립트 컴파일러 또는 바벨을 통해 자바스크립트 코드로 변환한다. 코딩 중에도 타입에러를 발견 할 수 있기 때문에 에러를 사전에 방지할 수 있고, 미리 정의해둔 타입에 대해서는 자동완성 기능도 주어..