본문 바로가기
반응형

Frontend/TS

[TS] tsconfig.json,정의 파일(d.ts),JSDocs
Frontend/TS 2022. 11. 21. [TS] tsconfig.json,정의 파일(d.ts),JSDocs tsconfig.json파일, 정의 파일(d.ts)과 JSDocs에 대해 공부한 기록을 남기려고 한다. tsconfig.json 먼저 프로젝트를 생성해준다. $ npm init -y 그리고 tsconfig.json 파일을 생성해준다. //tsconfig.json { "include": ["src"], "compilerOptions": { "outDir": "build", "target": "es6", "lib": ["es6"], } } include include는 JS로 컴파일하고 싶은 디렉터리를 지정할 수 있는 배열이다. 컴파일하고자 하는 TS 파일들이 있는 모든 디렉터리를 의미한다. compilerOptions 해당 객체는 이름 그대로 컴파일 옵션이다. outDir outDir는 JS파일이 생성될 ..
[TS] TypeScript Class,Interface,
Frontend/TS 2022. 11. 18. [TS] TypeScript Class,Interface, 타입스크립트의 마지막 개념인 Class와 Interface에 대한 기록을 남기려고 한다. Class 개요 Class는 객체 생성을 위한 템플릿이다. class People{ constructor(n,a){ this.name=n; this.age=a; } } const choi=new People('choi',100) console.log(choi); //People {name: 'choi', age: 100} JS에서는 위와 같이 class를 사용한다. 그럼 TypeScript에서는 다르게 사용할까? class People{ constructor( public name:string, public age:number ){} } TS에서는 접근제어자(public), 변수 이름(name), 타입(string)..
[TS] TypeScript Alias Type,Call Signature,Generic
Frontend/TS 2022. 11. 17. [TS] TypeScript Alias Type,Call Signature,Generic TypeScript를 공부하면서 새로운 개념들을 공부하다 보니 헷갈리는 부분이 생겨 먼저 용어들에 대한 정확한 의미를 기록하려고 한다. Alias Type 의미 alias의 뜻은 '별명'이다. 따라서 직역하면 type의 별명인 것이다. Alias Type은 새로운 type을 지정할 수 있는 개념이다. 사용법 Alias Type은 뒤에서 기록할 interface와 유사한 사용법을 가진다. //객체의 모양을 결정해줄 수 있다. type People={ name : string, age ?: number } //유니온 타입으로 타입 지정 type state='TODO'|'Doing'|'Done' //튜플로 타입 지정 type Tuple=[string,number]; 위처럼 interface처럼 객체의 모양을 ..
반응형

티스토리툴바