TypeScript Guidebook
  • TypeScript 가이드북
  • 소개
    • TypeScript를 사용하는 이유
  • 환경 구성 / CLI
    • 컴파일 설정
    • 린팅
    • IDE / 에디터
    • Google TypeScript Style
    • TSDX
  • 타입
    • primitive 타입
    • any 타입
    • array 타입
    • tuple 타입
    • enum 타입
    • function / union / void 타입
    • object 타입
    • null / undefined 타입
    • never 타입
    • 사용자 정의 타입
    • 타입 어설션
  • TS vs ES6
    • 블록 영역 변수, 상수 선언
    • 템플릿 리터럴
    • 화살표 함수
    • 전개 연산자 / 매개변수
    • 비구조화 할당
  • 클래스
    • 속성 with 접근 제어자
    • 메서드 with 접근 제어자
    • 상속
    • 게터 / 세터
    • 스태틱 속성, 메서드
    • 추상 클래스
    • 싱글턴
    • 읽기전용 속성
  • 네임스페이스와 모듈
    • 네임스페이스
    • 네임스페이스 멀티 파일
    • 네임스페이스 중첩
    • 모듈
    • 모듈 번들링
  • 인터페이스
    • 인터페이스와 클래스
    • 인터페이스와 매개변수
    • 인터페이스와 객체 리터럴
    • 인터페이스 옵션 속성
    • 인터페이스 읽기 전용 속성
    • 인덱스 시그니처 속성
    • 인터페이스와 함수타입
    • 인터페이스 확장
  • 제네릭
    • 제네릭과 클래스
    • 제네릭과 함수
    • 멀티 타입 설정
    • 타입 변수 상속
  • 데코레이터
    • 데코레이터 / 팩토리
    • 데코레이터 구성
    • 클래스 데코레이터
    • 메서드 데코레이터
    • 접근 제어자 데코레이터
    • 속성 데코레이터
    • 매개변수 데코레이터
Powered by GitBook
On this page
  • 네임스페이스
  • 모듈

네임스페이스와 모듈

네임스페이스

네임스페이스는 JavaScript 객체를 사용해 범주를 생성하며 여러 파일로 나눠 개발 확장 할 수 있고, 연결 가능합니다. 네임스페이스를 구성하는 모든 의존성 파일을 HTML 페이지 <script> 요소를 사용해 웹 애플리케이션 코드를 구성하는 방법으로 사용될 수 있습니다.

다만, 대규모 애플리케이션 개발 시에 컴포넌트 의존성을 구별하기 어려울 수 있습니다.

모듈

네임스페이스와 마찬가지로 모듈에 코드와 선언이 모두 포함될 수 있습니다. 가장 큰 차이점은 모듈 상단에 의존성을 선언 한다는 것입니다. 모듈을 활용하기 위해서는 모듈 로더 혹은 번들러가 필요합니다.

소규모 애플리케이션 개발일 경우 이 과정이 불필요하게 느껴질 수 있지만, 대규모 애플리케이션을 개발할 경우 장기적으로 모듈성, 유지관리 이점이 있습니다. 참고로 Node.js 애플리케이션 개발에서는 모듈 방식을 기본으로 하며, 코드를 구조화를 위한 방법으로 권장합니다.

Previous읽기전용 속성Next네임스페이스

Last updated 6 years ago