# d.ts

4개의 포스트

d.ts 파일

🍭 정의 파일은, 타입정의 보관용 파일입니다. 이 파일은 타입만 저장할 수 있는 파일형식입니다. (그래서 definition의 약자인 d가 들어감) 그리고 자바스크립트로 컴파일되지 않습니다. 🍹 사용 타입정의만 d.ts 파일에 따로 저장해놓고 import 해서 쓰자 모든 타입을 정리해놓은 레퍼런스 - 자동생성 d.ts 파일을 자동생성해볼까요 우선 declaration을 true로 바꿔줍시다. 이렇게 index.ts에서 타입을 작성해주면 ![](https:

2023년 8월 2일
·
1개의 댓글
·

타입스크립트 정리 12 : Type Declarations

타입 선언 .ts 로 끝나지 않고 .d.ts 로 끝나는 파일이 선언 파일이다. .d.ts 파일에서는 구현 세부 사항이나 실행될 JavaScript 코드 및 출력을 찾아볼 수 없다. 대신 타입 정보만 찾을 수 있음. 즉 타입을 선언한다. 타입스크립트는 어떤 작업이나 타입에서 쓸 수 있는 다양한 메서드와 시그니처를 미리 알고 있다. vscode에서 오른쪽 클릭 → Type Definition을 누르면 인터페이스 어딘가에 정의된 내용들이 나온다. lib.dom.d.ts tsconfig에 lib 프로퍼티가 주석 처리된 기본값을 사용 중이라면 기본값에는 DOM 타입 선언이 포함된다. 따라서 DOM을 알고 있어 document.의 모든 메서드를 쓸 수 있다. 예를들어 getElementById를 하면 이 메서드의 타입을 알 수 있다. → 문자열을 받아, HTMLElement 또는 null을 반환한다는 것. 라이브러리를 설치해서 사용할때 연관된 타입에 관해 TypeScr

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

declare로 타입을 알려주자!

일반 JS로 쓰인 코드를 타입스크립트에서 쓰고 싶을때 declare라는 키워드를 쓴다. declare로 타입을 선언하면 비로소 타입을 알리게 되는 것과 같다. 참고로, 구현이 없이 타입만 모아놓은 코드를 ambient라고 하며 declare 로 선언된 타입은 JS로 컴파일 되지 않는다. declare로 타입을 알리는 경우는 크게 3가지로 나뉘어 진다. namespace namespace를 쓰면 타입을 그룹화 해서 사용할 수 있다. React안에도 declare namespace React라고 되어있고 안에 리액트와 관련된 여러가지 타입이 명시되어있다. module d.ts라는 파일안에 주로 선언한다. 이때 root에 d.ts를 만들고 module을 선언하면 전역에서 사용가능하다. 말그대로 모듈이기 때문에 import해서 다른곳에서 사용가능하다. admin 만들때 style.d.ts를 root에 만들어놓고 사용한 것도 이 때문이다. global imp

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

[TypeScript] lib, d.ts

: 위의 상황은 뭘 나타낼까 ? 상황 : 우리는 자바스크립트로 개발을 할 때 다양한 외부 API(ex DOM API)를 가져다 쓴다(node_modules에 들어가는 모듈 등). 이 때, 타입스크립트를 같이 사용하는 프로젝트라고 했을 때 이러한 모듈들에 대해서 타입스크립트에게 일종의 '설명 과정'이 필요하다. 왜??.. 간략하게 말해보몀ㄴ 타입스크립트는 자바스크립트로 된 모듈들의 타입을 모르기 때문이다. 정말 간단한 예로 앞서 말한 DOM API를 쓴다고 했을 때, 타입스크립트는 DOM API와 관련된 타입을 본래 알고 있지 않다. 그래서 우리는 tsconfig.json 파일에서 이에 대해 타입스크립트에게 설명 과정을 거친다. ![](https://velog.velcdn.com/images/0715yk/post

2022년 5월 29일
·
0개의 댓글
·