타입스크립트의 모듈 시스템 이해하기
·
Front-End/Typescript
타입스크립트의 모듈 시스템 이해하기모듈의 기본 개념과 중요성모듈은 독립적인 기능 단위로, 코드를 체계적으로 구성하는 핵심 요소입니다. 모듈 시스템을 사용함으로써 얻을 수 있는 주요 이점들은 다음과 같습니다:유지 보수성 향상코드 중복을 최소화하여 버그 발생 가능성 감소기능별로 분리된 코드로 수정이 용이전역 스코프 오염 방지각 파일이 독립적인 스코프를 가짐변수명 충돌 문제 해결재사용성 증가모듈을 여러 프로젝트에서 재사용 가능코드의 재사용성과 이식성 향상TypeScript의 두 가지 모듈 시스템1. 외부 모듈 (External Modules)ES6의 모듈 시스템을 기반으로 하며, import와 export 키워드를 사용합니다.// math.tsexport function add(x: number, y: num..
2.03 부터 변화된 타입스크립트 선언 파일(typings)
·
Front-End/Typescript
얼마전에 Typescript 2.0이 발표되었고 가장 큰 변화점이라고 하면 기존 typings 멸령어 대신에 아래와 같이 간편화가 되었다는 것이다.이제 typings 로 하던 불편함을 npm 에서 바로 실행할수 있게되었다. 기존이 아래와 같은 방식으로 설치했다면typings install dt~mocha --global --save 이제 아래와 같은 식으로 설치 가능하다. npm install --save-dev @types/lodash타입스크립트는 처음 설정이 까다롭지만 처음부터 타입스크립트로 개발하다보며 유지보수에 놀라운 효율을 발견하게 될것이다
Window 에 Typescript로 객체 추가하기
·
Front-End/Typescript
Typescript 는 기본적으로 파일안에 범위안에 선언되어 있지 않은 함수나 변수들에 대해서 컴파일 오류를 발생하게된다. 브라우저관련으로 자바스크립트로 프로그래밍을 하다보면 간혹 전역으로 변수 혹은 함수를 공유할 경우가 생기는데기존 자바스크립트는 window 객체에 추가혹은 전역 범위에 함수나 혹은 변수를 추가하면 내부적으로 자동으로 window객체에 추가되어전역적으로 사용가능했으나 Typescript에서는 되지않았다. interface Window { MyNamespace: any; }window.MyNamespace = window.MyNamespace || {}; 참고:http://stackoverflow.com/questions/12709074/how-do-you-explicitly-set-a-..