개발/TypeScript

[TypeScript] .d.ts

1. .d.ts이란? .d.ts 파일은 타입만 저장할수 있는 파일이다. 전역 변수나 전역 함수에 대한 타입을 선언하는 것이다. 타입은 다른 타입스크립트 파일에서 import로 가져와서 사용해야 하는데 옵션을 통해서 글로벌 모듈로 설정할수 있다. import로 받아오거나 export로 내보내지 않아도 전역 변수나 전역 함수에 대한 타입 선언이 가능하다. 2. 타입 사용 예시 (1) tsconfig.json 타입 폴더 설정하기 { "compilerOptions": { "typeRoots": ["./node_modules/@types", "./@types"], }, } (2) types/app.d.ts 타입 선언하기 declare namespace myName { let name: string; } (3) s..

[TypeScript] tsconfig.json

1. 예시 { "exclude": ["node_modules"], // typeScript 컴파일 제외할 폴더 "compilerOptions": { "outDir": "./build/", "esModuleInterop": true, "moduleResolution": "node", "resolveJsonModule": true, "strict": true, "target": "ES6", "removeComments": true, "lib": ["ES6", "DOM"], "allowJs": true, "typeRoots": ["./node_modules/@types", "./@types"], "baseUrl": ".", "paths": { "@myUrl/*": ["src/views"], "*": ["@ty..

[TypeScript] 타입스크립트 기초 및 설치

1. 타입스크립트란? 타입스크립트란 자바스크립트에서 타입 설정이 추가된 언어라고 보면 된다. 타입스크립트는 자바스크립트의 상위 집합 슈퍼셋으로서 대형 프로젝트를 진행할때 어느정도 약점 오류를 잡는데 좋다. 타입스크립트의 컴파일은 타입스크립트 코드를 자바스크립트 코드로 바꿔주는것이다. 자바스크립트 코드로 바꿔주는 이유는 브라우저가 이해할수 있는게 자바스크립트로 작성된 코드이기 때문이다. 2. 타입스크립트의 장점 객체지향 프로그래밍에 특화된 프로그래밍 패턴을 지원한다. 타입스크립트를 쓰면 자바스크립트로 작업할때보다 개발에서 생기는 에러를 사전에 방지할수 있고 자바스크립트의 코드 품질과 개발 생산성을 높일수 있다. 3. 자바스크립트와 비교 JS : 타입이 정해져 있지 않아서 자동완성이 미리 뜨지 않아 일일히 ..