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. 프로젝트

선언

타입스크립트에서는 두가지 선언 공간이 있습니다. 변수 선언 공간과 타입 선언 공간이 있습니다. 이 개념은 아래에서 탐구됩니다.

타업 선언 공간

타입 선언 공간은 타입 annotation으로 사용할 수 있는 것을 포함합니다. 예: 타입들을 선언하는 방법을 제시합니다.

class Foo {}
interface Bar {}
type Bas = {}

즉 Foo, Bar, Bas을 타입 주석으로 사용할 수 있습니다.

var foo: Foo
var bar: Bar
var bas: Bas

당신은 interface Bar를 가지고 있긴 하지만 그것을 변수로 사용할 수 없습니다. 왜냐하면 그것은 변수 선언 공간에 기여하지 않기 때문입니다. 아래에 설명이 있습니다.

interface Bar {}
var bar = Bar // ERROR: "cannot find name 'Bar'"

cannot find name을 출력하는 이유로는 Bar는 변수 선언 공간에 정의되지 않았기 때문입니다. 다음 주제는 "변수 선언 공간" 입니다.

변수 선언 공간

변수 선언 공간은 변수로 사용할 수 있는 항목들이 들어있습니다. 우리는 앞에서 class Foo가 타입 선언 공간에 Foo를 제공한다는 것을 알았습니다. 또한 변수 선언 공간에 Foo를 제공하고 있습니다. 변수 선언 공간에는 변수를 사용할 수 있는 것들이 있습니다. 앞서 class Foo 가 타입 선언 공간에 Foo 라는 타입을 추가하는 것을 보았습니다. 그것뿐일까요? 아래에 보이는 것처럼 Foo 라는 변수를 변수 선언 공간에 추가합니다:

class Foo {}
var someVar = Foo
var someOtherVar = 123

때때로 클래스를 변수에 할당하고자 할때 훌륭한 방법입니다.

  • 우리는 때때로 interface를 사용하지 못할수도 있습니다. 타입 선언 공간에서 interface와 같은 것을 변수로 사용할 수 없습니다.

마찬가지로 var로 선언한것은 그것은 오직 변수 선언 공간으로 사용되며 타입 annotation으로는 사용되지 않습니다.

var foo = 123
var bar: foo // ERROR: "cannot find name 'foo'"

cannot find name 메세지가 출력된 이유는 foo 가 타입 선언 공간에 선언되어 있지 않기 때문입니다.

Previous파일 경로 지정Next모듈화

Last updated 3 years ago

Was this helpful?