inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[#readonly, #ThisType] 책, 타입스크립트 교과서 문의사항 있습니다

395

프린이

작성한 질문수 21

0

안녕하세요,

타입스크립트 교과서를 읽으면 2가지 질문사항이 있습니다.

1. " readonly 수식어가 붙은 배열이 더 넓은 타입이다 "
2. 3.4 thisType

강의와 더불어 책으로도 출퇴근하며 읽는데, 좋은 책 써주셔서 감사드립니다!


1. " readonly 수식어가 붙은 배열이 더 넓은 타입이다 "


' 2.13 객체 간에 대입할 수 있는 지 확인하는 법을 배우자' 챕터 중

" readonly 수식어가 붙은 배열이 더 넓은 타입이다 "

let a: readonly string[] = ['hi','readonly']
let b: string[] = ['hi','normal']

"어떤 원리로 인해 수식어 'readonly'가 타입의 범위를 더 넓게 만들 수 있는걸까요?"

제 생각에서는, readonly일 경우는 읽기전용이라 기능이 '좁고' readonly가 없는 경우는 기능이 많아 '넓고' 라는 생각에서 벗어나질 못하고 있어서요!

이펙티브 타입스크립트에서 이와 관련해서 readonly 수식어가 붙은 것을 더 넒은 타입으로 설명하고 있습니다.(readonly 수식어가 넓은타입으로 만들어준다는 내용이 있는것은 아니지만 비슷한 내용이라 추가해봤습니다.)

number[ ]는 readonly number[ ]보다 기능이 많기 때문에, readonly number[ ]의 서브타입이다 (이펙티브 타입스크립트, p95)

기능이 많고 적음에 따라서, 타입간 포함관계/호환성(타입을 집합으로 이해하고 있습니다)기준은 아니라고 생각하는데요, number[ ]가 readonly number[ ]보다 기능을 더 많이? 갖고 있는걸, readonly number[ ]의 기능(내용)을 extends했기 때문에, number[ ]가 서브타입, readonly number[ ]가 슈퍼타입으로 설명하려는거 아닐까 그렇게 판단했습니다.

즉, readonly 수식어가 붙은 경우, 더 넓은 타입, 슈퍼타입이 되는 것과 같은 맥락을 하는데요,

슈퍼타입은 서브타입에 비해 일반적이고, 포괄적인 의미라고 이해하고 있는데, 어떻게 제한적인 뉘앙스에readonly 수식어가 타입을 넓혀주는, 즉 타입을 넓게 해주는 역할을 하는건지, 설명이 궁금합니다:]

 

  1. 3.4 ThisType

type Obj = {
  data:Data,
  methods:Methods & ThisType<Data & Methods>
}

객체 Obj의 타입을 위와 같이 정의하는 코드 중에, 아래 부분 질문 드립니다.

methods:Methods & ThisType<Data & Methods> 

Data는 data객체를 , Methods는 method 객체를 타입 정의한 것,
this 객체 타입을 정의하기 위해, 객체 안에 있는 두개의 객체(data객체, methods객체)를 모두 담는 새로운 타입을 정의하기 위해, & 연산자를 사용했다고 이해했습니다.
마지막으로 중복된 코드를 사용하지 않기 위해, ThisType이란 유틸리티 타입을 사용한것이라고 이해했습니다.

그런데, 다시 Methods를 & 연산자로 다시 병합한 이유가 궁금합니다

아래와 같이 그냥 ThisType<Data & Methods> 하지 않고,
Methods와 & 연산자로 다시 교집합 하는 의미는 무엇일까요

methods:Methods & ThisType<Data & Methods> 


이미 ThisType이란 유틸리티 타입으로 타입 Data와 Methods를 정의했는데,
다시 Methods를 &연산자와 사용하는걸까요?

 

 

typescript

답변 1

0

제로초(조현영)

  1. { a: b }가 { a: b, c : d}보다 더 넓은 타입인 것처럼 readonly는 getter setter 중에 getter밖에 없으므로 더 넓은 타입입니다. 아주 간단한 겁니다.

  2. Methods &을 빼보시면 왜 안되는지 아실 수 있습니다.

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

0

81

2

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

0

65

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

338

1