inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

타입스크립트 입문 - 기초부터 실전까지

인터페이스 딕셔너리 패턴

딕셔너리패턴 질문드립니다.

269

const.takeo

작성한 질문수 29

2

'.' <- 점을 찍어서 오브젝트내의 속성에 접근하는 방식을 딕셔너리 패턴이라고 하는건가요? 핸드북이나 구글 검색해도안나와서 여쭤봅니다.

추가질문드려요

interface IMarvleArray {
[index:number] : string,
}

interface StringRegexDictionary {
[key:string]: RegExp;
}

의 경우에는 하나의 인터페이스에 하나만 정의 가능한건가요?

인터페이스 내에 다른 키타입과 밸류타입을 작성시 오류가 나더라구요

실무에서는 이방법이 많이 쓰이는지 아니면

const testArr:[string, number] = ["test", 123];

이 방법이 많이 쓰이는지 어느쪽이 많이 쓰이는지 궁금합니다.

javascript es6 typescript

답변 1

1

캡틴판교

안녕하세요 const님 좋은 질문 주셨네요 :) 딕셔너리 패턴이라고 하는게 거창해 보이는데 그냥 객체의 속성을 어떻게 접근할 것인지 정의하는 방식이라고 보시면 됩니다. 사전에서 apple 찾고 싶을 때 a라고 하는 인덱스를 먼저 접근하는 것처럼요.

튜플(타입과 인덱스가 정해진 배열)과 딕셔너리 패턴 방식의 인터페이스를 비교해 주셨는데 구현하시는 분의 취향에 따라 다를 것 같습니다. 딕셔너리는 위에 말씀 드린 것처럼 객체를 접근할 때 더 많이 사용하는 것 같아요 :)

TSLint

0

77

1

vscode eslint server 오류

0

96

1

안녕하세요. 기본타입- 튜플, 객체, 진위값 부분의 영상의 화면이 나오질 않습니다.

0

85

1

live server 설치 오류

1

396

2

강의 교안 pdf 는 따로 제공하지않나요?

0

294

2

npm i 설치 이유 문의

1

427

3

index.ts Delete &#x60;␍&#x60;eslintprettier/prettier 오류(빨간줄) 해결

2

303

3

vue 에서 jquery 사용 문제

1

709

2

TSLint 확장 프로그램은 현재 지원하지 않는다고 합니다.

1

508

2

강의 내용처럼 노란 밑줄이 작동하지 않아서 유사 질문들을 실행해보았는데요

1

551

1

section 3-1 JSdoc 타입이 추론되지 않아서 다음과 같이 수정했는데 이거 맞나요?

1

464

2

함수에 리턴 안됐다고 노란밑줄이 쳐져야하는데 없습니다

2

462

1

파일이 다른데 식별자가 중복되었다고 뜹니다.

1

459

2

빨간줄 에러 질문드립니다

1

497

2

마우스 갖다대면 리턴값 설명 나오는 거 질문드려요

1

365

2

js에서 @ts-check 적어도 체크하지 못하는 문제입니다

2

404

2

index.html에서 타입스크립트 콘솔 찍는 법 질문드립니다

1

576

2

섹션 1-3 추론 질문드립니다

1

361

2

왜 api쪽에는 왜 에러가 안나는지 궁금합니다.

1

332

2

const item1을 선언했을 때 타입을 선언해줘도 괜찮을까요?

1

403

1

전화번호부 타입선언

1

272

2

타입을 전역으로 분리

1

601

2

객체 선언 시 구분자는 쉼표, 세미콜론 모두 사용가능한건가요?

1

461

1

Git 관련 질문이 있습니다

1

674

2