TypeScript3 TypeScript 외부 라이브러리 모듈화 프로젝트를 진행하다 보면 수많은 외부 라이브러리들을 사용하게 된다. 타입스크립트에서 외부 라이브러리들을 사용하다 보면 axios 처럼 별도로 타입 지정을 하지 않아도 쓸수 있는 라이브러리가 있는 반면, 그렇지 않은 라이브러리들도 있을 것이다. 이 문제를 어떻게 해결해야 하는지 알아보도록 하겠다. Definitely Typed Definitely Typed란 무엇일까? 먼저 정말 많은 자바스크립트 라이브러리가 존재하고 있는데 이런 라이브러리들을 타입스크립트에서 인식할 수 있도록 하려면 타입정의를 해야 한다. 별도로 타입이 지정되지 않았을 경우 개발자가 일일이 정의를 해야 하는데 그러면 그만큼 비용이 많이 들게 된다. 그래서 이런 타입 정의를 잘 만들어 놓은 형태로 오픈소스화 해놓은 것이 바로 Definit.. 2021. 6. 10. TypeScript 점진적 타입 적용 any 타입스크립트를 사용하는 가장 큰 이유중 하나는 타입을 명시적으로 지정하여 오류를 미리 방지하는 것이라고 할 수 있다. 그렇기 때문에 기존 자바스크립트 프로젝트에 타입스크립트를 적용하고자 할 때 아직 어떤 타입을 할당해야 할지 못하는 경우 어떤 타입도 할당 가능하도록 any를 설정할 수 있다. // tsconfig.json { "compilerOptions": { ... 생략 "noImplicitAny": true }, } 타입스크립트 설정파일에서 "noImplicitAny" 옵션을 true로 주면 any 타입을 암시적으로 표현한 후분에 대해 에러를 표시해 준다. 그러므로 개발자는 명시적으로 any를 지정해 주거나 알맞는 타입을 지정해 주어야 한다. DOM 관련 타입 오류 기존 자바스크립트에서는 에.. 2021. 6. 8. Typescript 설정 리액트가 아닌 자바스크립트를 사용할 때 타입스크립트 설정 방법에 대해 정리하고자 한다. 기본 설정 1. 자신이 원하는 경로에 프로젝트 폴더를 생성한다. 2. 터미널을 열고 npm init -y 명령어로 npm 초기 설정해 준다. 3. npm i -D typescript 명령어로 타입스크립트를 설치해 준다. 4. 해당 프로젝트 root 경로에 tsconfig.json 파일을 생성한다. tsconfig.json 파일은 타입스크립트 기본 설정을 할 수 있는 파일이다. { "compilerOptions": { // 원래 타입스크립트는 .js 파일을 허용하지 않는다. // 하지만 만약 자바스크립트를 타입스크립트 프로젝트로 변환할 때 // 점진적으로 적용하게 할 수 있게 하는 옵션임 "allowJs": true, .. 2021. 6. 8. 이전 1 다음
