Jerry

unknown과 any(그리고 타입 대입가능표) any를 쓸 바에 unknown을 사용한다 any는 타입핑을 포기(선언), unknown은 정해진 타입만 사용할 수 있게 한다 interface A { talk: () => void; } const a: A = { talk() { return 3; }, } const b = a.talk(); const b: any = a.talk(); const b: unknown = a.talk(); (b as A).talk(); const b = a.talk() as unknown as number; b.toString(); unknown이 나오는 흔한 경우 에러가 어떤게 나올지 모르기 때문에 에러 타입에 대해 선언해준다 (*에러 사용법은 ts는 건망증이 심하다 편 참..

void의 두 가지 사용법 타입스크립트에서 "잉여 속성 검사" 라는 것이 있는데 객체리터럴을 대입할 때 검사를 한다 interface A { a: string } const obj1: A = { a: 'hello', b: 'world'} 하지만, 아래 예시처럼 하게 되면 검사를 하지 않는다? interface A { a: string } const obj = { a: 'hello', b: 'world'} const obj1 = A = obj; 아래 예시에서 함수의 리턴값은 void인데 값이 리턴되는 현상을 볼 수 있다. function a(): void { return '3'; return undefined; return null; } const b = a(); interface Human { talk:..

섹션 1 기본 문법 배우기 원시 래퍼 타입 const a: string = 'hello'; const b: String = 'hello'; a와 b는 서로 다른 타입이다. b는 랩퍼 객체로, new String(); 이런 식으로 사용하는 객체이며, 평소에 잘 사용하지 않는다. 그러니, 대소문자 구분을 잘하자. 참고로, 타입스크립트는 자동 완성 추천 기능도 제공 ( ctrl + space ) 템플릿 리터럴 활용 type World = "world" | "hell"; const c: World = 'world'; const d = `hello ${c}`; type Greeting = `hello ${World}`; rest parameter 활용 let arr: string[] = []; let arr2: ..

섹션 1 기본 문법 배우기 never 타입 : 배열에 일반적인 타입이 올 수 없다 const array = []; array.push('hello'); 아래 경고 메시지처럼, never 타입에의 파라미터에 string 타입을 추가할 수 없다고 한다. Element + F12 Element에 커서를 두고 F12를 눌렀을 경우, 해당 Element에 대해 추가 정보를 얻을 수 있음 느낌표는 null이나 undefined가 아님을 보증하는 방식 - 내가 책임 질게!! but, 퇴사하면 책임질 사람이 사라짐 const head = document.querySelector('#head'); if (head) { // head.innerTML = 'hello world'; // 오타났을 경우 알려주는 기능 제공 c..

섹션 1 기본 문법 배우기 자바스크립트 변환 시, 콜론, type, interface, generic은 전부 사라진다 타입부분을 제대로 알고 사라지는 부분도 알고 있어야 한다 const t: true = true; type Add = () => number; interface Minus {} 위에는 타입, 아래는 선언만 되어있게 할 수 있다 function add(x: number, y: number): number; function add(x, y) { return x + y; } as부분도 사라진다 let aa = 123; aa = 'hello' as unknown as number;

섹션 1 기본 문법 배우기 타입스크립트가 이상한 추론을 하거나 절대 피해야할 any 타입으로 추론할 때 나서면 된다. 추론이 잘 되면 추론을 맡겨라, 최대한 타입을 좁게 적어라

섹션 1 기본 문법 배우기 타입 - 소문자 사용하기 타입 - 자리 기억하기 const a: string = '5'; const b: number = 5; const c: boolean = true; const d: undefined = undefined; const e: null = null; any를 쓰면 자바스크립트가 된다, 타입스크립트를 쓰는 의미가 없어진다 타입스크립트의 주목적은 any를 제거하는 것 const f: any = true; const g: true = true; // true만 받을 것이다 const h: 5 = 6; // 고정값 받겠다 명시 함수 타입 1 // 파라미터 타입 자리와 리턴값 자리 (자리를 잘 기억) function add(x: number, y: number): nu..

섹션 0 기본 세팅하기 (1) 타입스크립트 강좌를 리뉴얼한 이유 - 실습을 하면서 배우는 것도 (문법) 중요하지만, 남이 짠 타입에 대해서 분석하는 법을 아는 것도 중요하다는 것을 알게 됨 - 기본 문법 + 6개 라이브러의 타입을 공부 플랜 타입스크립트를 배워야하는 이유 - 안전성이 자바스크립트에 비해 높다고 생각 안정적 = 에러가 덜 난다 = 책임질 게 줄어든다 - 러닝커브가 높지 않다 타입스크립트 공식문서 ★ ★ ★) - 핸드북 필독!! - 버전 1.1부터 최신까지 읽어보기 - 강의 수강 => 시너지!! (2) 타입스크립트를 할 때 알아야 할 단 한가지 [기본지식] 메인 룰 (from https://github.com/ZeroCho/ts-all-in-one) - typescript는 최종적으로 jav..