TypeScript Deep Dive
  • README
  • 시작하기
    • 왜 타입스크립트인가
  • 자바스크립트
    • 비교 연산자
    • 참조 연산자
    • Null vs. Undefined
    • this
    • 클로저
    • Number
    • Truthy
  • 미래의 자바스크립트
    • 클래스
      • 즉시실행함수
    • 화살표 함수
    • 나머지 연산자
    • let
    • const
    • 비구조화 할당
    • 전개 연산자
    • for...of
    • 이터레이터
    • 템플릿 리터럴
    • 프로미스
    • 제네레이터
    • Async Await
  • 프로젝트
    • 컴파일러 제어
      • tsconfig.json
      • 파일 경로 지정
    • 선언
    • 모듈화
      • 파일을 이용한 모듈화
      • globals.d.ts
    • 네임스페이스
    • 동적 표현식 가져오기
  • Node.js 시작하기
  • Browser 시작하기
  • 타입스크립트 타입 시스템
    • 자바스크립트 마이그레이션 가이드
    • @types
    • 주변 선언
      • 파일 선언
      • 변수
    • 인터페이스
    • 열거형(Enums)
    • lib.d.ts
    • 함수
    • 콜러블(Callable)
    • 타입 표명(Type Assertion)
    • 신선도(Freshness)
    • 타입 가드
    • 리터럴(Literal)
    • 읽기 전용(readonly)
    • 제네릭
    • 타입 인터페이스
    • 타입 호환성
    • Never 타입
    • 구별된 유니온
    • 인덱스 서명(Index Signature)
    • 타입 이동하기
    • 예외 처리
    • 믹스인(Mixin)
  • JSX
    • React
    • Non React JSX
  • Options
    • noImplicitAny
    • strictNullChecks
  • 타입스크립트 에러
    • 에러 메세지
    • 공통 에러
  • NPM
  • 테스트
    • Jest
    • Cypress
  • Tools
    • Prettier
    • Husky
    • ESLint
    • Changelog
  • 팁
    • 문자열 Enums
    • 타입 단언
    • 상태 저장 함수
    • 커링
    • 제네릭 타입 예시
    • 객체 타입 설정
    • 유용한 클래스
    • Import / Export
    • 속성 Setters
    • outFile 주의사항
    • 제이쿼리 팁
    • 정적 생성자
    • 싱글톤 패턴
    • 함수 파라미터
    • 토글 생성
    • Import 여러개 하기
    • 배열 생성
    • 생성자에서 타입정의
  • 스타일 가이드
  • 타입스크립트 컴파일러 구조
    • Program
    • AST
      • TIP: Visit Children
      • TIP: SyntaxKind enum
      • Trivia
    • Scanner
    • Parser
      • Parser Functions
    • Binder
      • Binder Functions
      • Binder Declarations
      • Binder Container
      • Binder SymbolTable
      • Binder Error Reporting
    • Checker
      • Checker Diagnostics
      • Checker Error Reporting
    • Emitter
      • Emitter Functions
      • Emitter SourceMaps
    • Contributing
Powered by GitBook
On this page

Was this helpful?

  1. 프로젝트
  2. 모듈화

globals.d.ts

Previous파일을 이용한 모듈화Next네임스페이스

Last updated 3 years ago

Was this helpful?

우리는 전역 vs 파일을 언제 모듈화를 해야하는지에 대해서 논의했습니다. 파일을 기본으로 모듈을 사용하는 것을 추천합니다. 이것은 전역을 오염시키지 않습니다.

그렇기는 하지만, 만약 당신이 타입스크립트 초보자들과 함께 일해야 하다면 그들에게 globals.d.ts 파일을 주고 그 안에 전역 이름 공간의 인터페이스 / 타입들을 넣어서 전체 TypeScript 코드에서 특정 타입 들이 마법처럼 나타나게 할 수 있습니다.

global.d.ts 파일이 사용되는 또 다른 경우는 Wepack 표준 플러그인을 통해 소스 코드에 삽입되는 컴파일 타임 상수들을 선언하는 용도입니다.

declare const BUILD_MODE_PRODUCTION: boolean; // 조건부 컴파일에 사용될 수 있음
declare const BUILD_VERSION: string;

JavaScript가 생성될 모든 코드에 대해서는 파일 모듈 을 사용하고, global.d.ts 는 컴파일 타임 상수 그리고/또는 lib.d.ts 에 선언되어 있는 표준 타입 선언을 확장하는 용도로만 사용할 것을 강력히 권고합니다.

  • 보너스: global.d.ts 파일은 JS를 TS로 이식하는 작업을 할 때 빠르게 declare module "some-library-you-dont-care-to-get-defs-for"; 하는 용도로 사용하기에도 좋습니다.

projects
DefinePlugin