inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

타입을 집합으로 생각하자(좁은 타입과 넓은 타입)

type error 를 변수로 없애신 부분에 대해서 질문있습니다!

327

hj.kim000112

작성한 질문수 1

0

type A = { name: string };
type B = { age: number };
type AB = A | B;
type C = A & B;
const ab: AB = { name: 'zerocho' };
const obj = { name: 'zerocho', age: 29, married: false };
const c: C = obj;

여기서 c 변수 부분에

객체를 직접 넣었을때는 속성 검사를 해서 type error 가 나지만,
변수에 할당해주고 그걸 적용시키면 type error 가 나지 않는다 라고 설명해주셨는데

const c: C = { name: 'zerocho', age: 29, married: false };

  1. 이렇게 직접 할당하는것과 어떠한 차이점이 있어서 저렇게 적용 되는지 잘 이해가 안갑니다
    검사 하는 방식이 어떻게 다른건지 설명해주시면 감사하겠습니다!


  2. obj 이라는 변수에 할당 했을 때
    A & B 면 속성이 name, age 이외의 것들이 들어가면
    error가 발생할 줄 알았는데 type 으로 선언하지 않은 married가 error없이 들어갔습니다.

    &, | 같은경우 저 조건을 충족 하기만하면 이후에 추가적인 속성이 들어가도 기본적으로 type error 없이 받아들이는건지 궁금합니다

typescript

답변 1

0

제로초(조현영)

  1. 타입스크립트가 원래 그렇습니다. 의도적으로 그렇게 만든거라서 외우셔야 합니다.

    https://www.typescriptlang.org/docs/handbook/interfaces.html#excess-property-checks

 

  1. 중요한 것은 변수를 대입했냐 객체 리터럴을 대입했냐일 뿐입니다. 변수를 대입하면 잉여속성검사를 안하고 객체리터럴을 대입하면 잉여속성검사를 합니다. C이든 A&B이든 타입쪽은 아무 관련이 없습니다.

    const d: A & B = { ... } 해보세요.

데코레이터가 현재도 자주 쓰이는 문법인가요?

0

81

2

유틸리티 타입 실제로 구현은 못해도 하나씩 외우면 실무할 때 지장 없겠죠?

0

66

1

매핑 타입은 type에서밖에 안된다고 하네요?

0

65

2

자바에서의 오버로딩과 같은 개념이라고 생각해도 되나요?

0

69

2

filter 함수 반환 타입 네로잉 질문

0

74

2

map<U>(callbackfn: ....) 할때 U는 왜 여기 있는거에요??

0

47

2

ts 컴파일을 위한 type 라벨링 부분

0

46

1

concat 함수 타입 구현 중 질문 있습니다!

0

100

2

filter 메소드 질문

0

53

1

forEach 제네릭 관련 문의

0

60

1

타입 추론 시 가장 넓은 범위로 추론이 되는 건가요?

0

165

1

enum이 javascript로 트랜스파일링될때 사라진다하셨는데요

0

207

1

함수 파라미터 타입 정의 시 ...args: any[]와 ...args: any 의 차이

0

223

1

Flat type에서 ReadonlyArray 타입을 사용하는 이유?

0

157

1

bind type 질문

1

149

1

Lowercase type 관련 질문

0

152

1

key-value 타입 자동추론 질문드립니다

0

266

1

타입스크립트 교과서, p131

0

266

1

타입스크립트 교과서 p122 forEach 메서드 질문

0

232

1

타입스크립트 교과서 p116 , 코드에러남

1

269

1

타입스크립트 교과서 p112 , 코드가 안읽힙니다..

0

266

1

타입스크립트 교과서 p83

1

184

1

타입스크립트교과서 p39 쪽 코드가 이해가 안되요

1

227

1

class 에서 ts의 private vs js의 private field( # )

0

339

1