inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js + TypeScript 완벽 가이드

차트 라이브러리 설치 및 실행 확인

특정 인스턴스의 타입을 어떻게 알 수 있나요?

250

복슬이

작성한 질문수 4

1

강의 영상에서 

document.getElementById("myChart").getContext("2d");

이 부분의 코드를 

(document.getElementById("myChart") as HTMLCanvasElement).getContext("2d");

이렇게 변경 했습니다.

여기서 document.getElementById("myChart") 인스턴스가 "HTMLCanvasElement"걸 어떻게 할 수 있나요?

자바 같은 경우 

document.getElementById("myChart").getClass().getName()

이런식으로 인스턴스의 타입을 알 수 있는데, TypeScript도 이런게 있나요?

타입확인 vuejs typescript

답변 1

0

캡틴판교

안녕하세요 복슬이님, 좋은 질문이네요 :) 말씀하신 document.getElementById("myChart") 의 결과는 인스턴스가 아니라 태그 정보입니다. 자바스크립트(타입스크립트)는 프로토타입 기반 언어라 자바의 인스턴스의 개념과는 다르니 참고하시면 좋을 것 같아요 :)

참고로 자바스크립트의 생성자 함수로 생성한 인스턴스는 instanceof 라는 키워드로 값을 구분할 수 있습니다 :) 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/instanceof

composition API에서의 ref

1

236

2

Vue3 + Typescript + Vite + Pinia 참조

3

1838

2

mutation 함수 이름을 enum으로 관리하는 이유

1

341

2

this.todoItem 타입이 any 라고 나옵니다

1

377

1

프로젝트 실행 시 오류가 발생합니다.

1

576

2

두번째 프로젝트 권한 요청 드립니다.

1

367

2

강의자료 ? 노트?

1

351

2

vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요..

1

283

2

권한 허가 부탁드립니다!

1

406

2

Chart.js(3.9.1버전) 안되시는분들 이렇게 해보세요

1

866

2

두번째 프로젝트 권한 요청 드립니다.

1

372

2

두번째 프로젝트 권한 요청드립니다.

1

448

3

두번째 프로젝트 권한 요청 합니다.

1

337

1

두번째 프로젝트 npm i && npm run serve에러 납니다..

1

489

2

두번째 프로젝트 권한 요청 드립니다

1

464

1

두번째 프로젝트 권한 요청 드립니다

1

413

2

두번쨰 프로젝트 권한요청

1

402

3

두번째 프로젝트 권한 요청

1

356

2

두번째 프로젝트 권한부탁드립니다.

1

327

1

권한요청 드립니다.

1

328

1

두번째 프로젝트 권한 요청 드립니다.

1

338

1

project.d.ts 파일관련 문의사항

2

401

2

권한요청입니다.

1

363

2

두번째 프로젝트 권한요청

1

195

2