본문 바로가기
반응형

TypeScript3

제네릭을 이용한 타입 정의 단순히 유니온 타입을 사용했을 때 각각의 interface 타입정의가 늘어난다. interface Email { value: string; selected: boolean;}const emails: Email[] = [ { value: "naver.com", selected: true }, { value: "gmail.com", selected: false }, { value: "hanmail.net", selected: false },];interface ProdcutNum { value: number; selected: boolean;}const numberOfProducts: ProdcutNum[] = [ { value: 1, selected: true }.. 2022. 12. 15.
tsc 컴파일 브라우저가 타입스크립트 파일은 인식하지 못한다. 그래서 타입스크립트 파일은 js파일로 컴파일 시켜야한다. 먼저 웹팩을 이용해서 typescript를 설치해준다. npm i typescript -g 시스템 레벨에 typescript가 설치가 완료됐다면 tsc index.ts 해당 명령어를 입력하면 js파일로 변환되는 것을 확인할 수 있다. 웹 자동화 도구를 이용해서 반복적인 명령어를 자동화 시켜서 사용하는 것이 효율적이다. tsc도 컴파일을 할 때 부가적인 옵션을 줄 수 있다. tsconfig.json 파일안에 key:value형태로 만들어 준다. //tsconfig.json { "compilerOptions": { "allowJS": true, "checkJs" : true, // js의 @ts-chec.. 2022. 12. 2.
타입스크립트_기본타입, interface Typescript function showTimes(arr) { arr.forEach(element => { console.log(element) }); } showTimes([1,2,3]) //1, 2, 3 showTimes(1,2,3) //error 발생 Javascript(동적언어): 실행되는 시점 (런타임)에 타입이 결정되고 오류가 있을 시 그때 처리가 가능하다. function showTimes(arr:number[]) { arr.forEach(element => { console.log(element) }); } showTimes([1,2,3]) //1, 2, 3 function showTimes(arr:string[]) { arr.forEach(element => { console.log(.. 2022. 11. 30.
728x90
반응형