한입 크기 타입스크립트

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다"타입(Type)"은 변수, 상수, 함수, 객체 등의 값 또는 표현식에 할당되는 데이터의 종류나 형태를 의미합니다. 동적 타입 시스템은 프로그래밍 언어에서 변수의 타입이 실행 시점

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고 내용을 정리한 포스팅입니다 👨‍💻TS초기 설정 npm init 초기화후 npm i @types/node npm install typescript -g // 전역설치 (설치가 안될경우 mac은 su

number: 숫자를 나타내는 타입string: 문자열을 나타내는 타입null: 값이 없음을 나타내는 타입boolean: 참 또는 거짓을 나타내는 타입undefined: 값이 할당되지 않은 상태를 나타내는 타입strict 옵션이 상위 옵션이기 때문에 true로 설정하면

오류가 출력 되는 이유는 object(객체) 라는 것만 주어지고안에 어떠한 타입들이 있는지 정보를 모르기 때문에 발생하는 오류입니다.프로퍼티의 타입들까지 정의 해줍니다.{} 를 이용한 방식을 객체 리터럴 타입 이라고 합니다.타입스크립트는 구조 기준으로 정의되며 구조적

타입 별칭을 사용함으로써 공통적 부분을 반복하지 않게 해줍니다.함수내 타입이 있으면 함수내 User타입은 {}가 됩니다. 함수 밖에서는 타입 별칭으로 지정해둔 타입이 사용됩니다.만약에 국가가 너무 많을경우,혹은 추가 해야 될경우키와 밸류 의 규칙을 정의 할 수 있는 문

특정 변수의 타입을 우리가 확실히 모를 때그렇기에 최대한 any타입을 사용하지 말아야 합니다아무 타입의 값이나 넣을수 있습니다 그러나 메소드를 넣을수도 없고 , 다른 타입에 집어넣을수 없습니다 오류 메시지가 출력됩니다.오류메시기자 출력됩니다.

특정 변수의 타입을 우리가 확실히 모를 때그렇기에 최대한 any타입을 사용하지 말아야 합니다아무 타입의 값이나 넣을수 있습니다 그러나 메소드를 넣을수도 없고 , 다른 타입에 집어넣을수 없습니다 오류 메시지가 출력됩니다.오류메시기자 출력됩니다.

아무것도 없음을 의미 하는 타입방법은 함수() 매개변수 뒤에 타입을 지정해줍니다.어떤 값도 넣을수 없지만 undefined 만은 지정해 줄수 있습니다.tscofing.json 에서 strictNullChecks 를 끄면 null 을 집어넣어줄수 있습니다.void 를

동일한 속성과 특징을 갖는 값들을 모와둔 집합입니다.어떤 타입을 다른 타입으로 취급해도 괜찮은지 판단하는 것자식(서브)타입에서 => 부모(슈퍼)타입 로 가는건(업 캐스트) 허용됩니다.부모(슈퍼)타입에서 => 자식(서브)타입 로 가는건(다운 캐스트) 허용 되지 않습니다.

타입 계층도 최상단의 위치하고 있는 Unknown 타입 (전체 집합)모든 타입의 다운캐스팅 업캐스팅 가능합니다 (단! never 타입을 제외하고)

어떤 객체 타입을 다른 객체 타입으로 취급해도 괜찮은가? 추가프로퍼티가 없는 / 조건이 더적은 타입이 슈퍼타입이됩니다.

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다여러개의 타입을 합성해서 새롭게 만들어낸 타입 1.합집합 타입 2.교집합 타입이 존재합니다| 를 이용해서 연결할 수 있고 연결갯수의 제한은 없습니다.기본타입으로 교집합 타입을 만들

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다타입스크립트는 자동으로 변수를 추론합니다. (추론 하는 기준은 변수의 초기값 입니다.)함수의 초기값은 return 문의 기준으로 정해집니다직접 Any 타입을 지정하면 모든 함수 메

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다값 as 단언 <- 단언식A as BA가 B 의 슈퍼타입이거나A가 B 의 서브타입이어야 함A 가 B 의 슈퍼타입 A 가 B 의 서브타입 언노운을 중간으로 걸쳐서 사용할 수 있

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다조건문 등을 이용해 넓은 타입에서 좁은 타입으로 타입을 상황에 따라 좁히는 방법어떤 변수가 특정 조건 내에서 좁은 타입임을 보장할 수 있음 때에는 더 좁은타임으로 추론해줍니다.특정

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고 내용을 정리한 포스팅입니다 🥇 서로소 유니온 타입 > 교집합이 없는 타입들로만 만든 유니온 타입을 말함 직관적이지 않은코드 > 작동 하는 코드이지만 타인이 보기 어려운 코드입니다.(직관적이지 않

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다어떤 매개변수를 받고, 어떤 결과값을 반환하는지 이야기어떤 타입의 매개 변수를 받고, 어떤 타입의 결과값을 반환 하는지 이야기매개변수 뒤에 타입이 없어도 return 값 기준으로

어떤 매개변수를 받고, 어떤 결과값을 반환하는지 이야기함수도 객체임을 이용해 프로퍼티를 추가해줄수 있습니다

특정 함수 타입을 다른 함수 타입으로 취급해도 괜찮은가를 판단합니다.반환값의 타입이 호환되는가?매개변수의 타입이 호환되는지?두개가 성립할경우 호환된다라고 할 수 있습니다어떤 매개변수를 받고, 어떤 결과값을 반환하는지 이야기 반환 값을 기준으로 업캐스팅 다운캐스팅 정해집

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다여러가지 유형으로 나뉠때는 서로소 타입을 사용하지만서로소 타입을 이용하지 않고 타입좁히기 하는방법animal is Dog 라는 표현이 타입 가드를 만드는 부분이며, 이 표현이 있는

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다타입에 이름을 지어주는 또 다른 문법상호간의 약속된 규칙이란 뜻입니다.객체의 구조를 정의하는데 특화된 문법(상속, 합칩 등의 특수한 기능을 제공함)함수타입표현식이 아닌 함수 호출

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다익스텐즈를 이용해서 다른 인터페이스로부터 해당인터페이스 모든프로퍼티를 자동으로 다포함하게 해주는문법 확장(속성) 이라고 합니다.inter face 도그는 interface Anim

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다인터페이스는 동일한 이름으로 중복선언해도 문제 없습니다.결국 합쳐지기 때문에 문제가 되지 않습니다.타입을 같게 선언한다면 문제가 되지 않습니다.타입을 다르게 정의하는 경우를 충돌

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다타입스크립트의 클래스전 js class를 비교분석하기위해 공부합니다. JavaScript 클래스는 객체를 생성하기 위한 템플릿으로, 속성과 메서드를 포함하는 코드 블록입니다. cl

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다필드에서 타입 지정이 없다면 자동으로 any 타입으로 추론합니다이니셜라이저(초기값) , 생성자 할당을 해줘야합니다 1\. 타입 뒤에 ? 선택적 타입으로만든다 (추천되지 않는방식

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다생성자 내에서도 설정할 수 있습니다.생성자에서 접근제어자를 사용시 필드가 자동으로 생성됩니다.(기존에 필드가 적혀있다면 오류가 출력될수도 있습니다.)필드에 값도 자동으로 초기화되서

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다List 클래스를 제네릭 클래스로 변경 생성자에 넘버타입 배열을 넣어주면 넘버타입의 리스트가 만들어집니다 제네릭 클래스는 제네릭인터페이스,제네릭타입변수와 다르게 클래스 생성자를 호

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다제네릭 뜻 : 일반적/포괄적인 Any 가 안되는이유 : 반한 값이 무조건 Any 로 나와 모든 함수메소드를 사용가능합니다.unknown 가 안되는이유 : 반한 값이 무조건 unk

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다타입변수의 종류가 여러개일때타입변수의 종류가 객체 배열일때T\[],T{} 를 써줘야 unknown배열 , unknown객체 라고 인식합니다튜플을 만들고 첫번째요소 T로만들고 나머지

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다꼭 스트링타입의 인수를 전달한다해서 스트링 타입의 배열이 나올필요가없습니다.이를 해결할려면 제너릭타입 인수를 하나만 쓰면 안됩니다.

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다 제네릭 인터페이스는 타입으로 변수를 정의할때(타입으로 사용할때) 꺽쇠를 열고 타입을 직접 할당해줘야합니다 프로퍼티에 키와 벨류에 타입에 관련된 규칙만 만족하면 어떤 객체든 허용하

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다List 클래스를 제네릭 클래스로 변경 생성자에 넘버타입 배열을 넣어주면 넘버타입의 리스트가 만들어집니다 제네릭 클래스는 제네릭인터페이스,제네릭타입변수와 다르게 클래스 생성자를 호

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다TS제네릭을 이용해서 비동기를 처리를 돕는 프로미스 객체의 타입을 정의하는 방법비동기의 처리의 타입을 직접 설정할 수 있습니다.프로미스는 제네릭클래스 기반으로 타입이 선언되어있기

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다인덱스란걸 이용해서 다른 타입내에서 특정 프로퍼티 타입을 추출객체,배열,튜플 모두에서 사용가능합니다.객체타입으로부터 특정 프로퍼티에 타입을 쏙 뽑아서 변수에 정의해줄수있습니다.⑴

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다 특정개채 타입으로 부터 프로퍼티의키들을 스트링 유니온타입으로 추출합니다. 무조건 타입에만 사용 가능합니다.⑴ Person 객체 타입에 모든 프로퍼티의 키를 유니온타입으로 추출합니

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다맵드타입은 인터페이스에서 사용할 수 없습니다⑴ updateUser 를 실행시키기위해 ⑴ 새로운 타입을 만들고 옵셔널 프로퍼티들로 수정하였음 (그러나 중복이 생김)⑴ \[] 인덱스

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다스트링 리터럴 타입 기반으로 특정 패턴을 갖는 문자열 타입들을 만드는 기능입니다.문자열로 여러 상황들을 만들때 사용합니다

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다① 넘버 타입이 스트링 타입을 확장하는 타입이맞다면 stirng 아니면 number => 타입A 는 number타입이 됩니다.① 제네릭 타입 과 같이쓰면 타입을 가변적으로 쓰면서도

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다조건부 타입이라는건 조건부타입을 유니온타입과 함께 사용할때 조건부타입이 분산적으로 동작하게 업그레이드되는것① 유니온타입을 넣을경우 한번은 number, 다른한번 string 타입이

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다조건부타입내에서 특정타입만 추론할수있습니다.진행과정타입변수②T에 ① 타입이 들어갑니다.① === ③() => string 입니다.④ () => string 이 비교하는 타입입니다.

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다유틸리티타입 : 제네릭,맵드타입,조건부타입 등의 타입 조작 기능을 이용해 실무에서 자주 사용되는 타입을 미리 만들어 놓은것가장 자주 활용되는 유틸리티 타임 Readonly 라는 유

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다부분적인, 일부분의특정 객체 타입의 모든 프로퍼티를 선택적 프로퍼티 바꿔주는 타입파셜타입 사용하기①Partial는 ②타입변수로 전달한 모든 프로퍼티를 선택적 프로퍼티로 전환합니다

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다뽑다 고르다객체 타입으로부터 특정 프로퍼티만 딱 골라내는 타입Pick 타입 직접 구현하기K타입변수의 적어도 객체의 프로퍼티 키만 넣을 수 있다는 조건을 만들어줍니다①T타입에 ②Po

인프런 한입크기로 잘라먹는 타입스크립트 - 이정환님의 강의를 보고내용을 정리한 포스팅입니다\-Exclude<T,U>,Extract<T,U>,ReturnType제외하다, 추방하다T 에서 U 를 제거하는 타입1단계하나씩 대입합니다.Exclude<string