typescript (4) 썸네일형 리스트형 typescript 설치방법 타입스크립트를 전역에 설치합니당 => npm install -g typescript 설치가 완료되었다면 간단하게 버전을 확인해 볼까유? => tsc -v 타입스크립트는 index.ts 파일을 index.js로 만드는 트랜스파일링과정을 수행합니당 트랜스파일링 해볼까요? => tsc index .ts 는 제외할수있습니다 만약에 트랜스파일링할 파일이 여러개라면..? => tsc 모든 파일이 트랜스파일링이됩니당. config파일만들때 버전 타겟도 할 수 있습니다 => tsc --init -t -ES6 트랜스파일링하고나서 수정사항이있다면? => tsc -w , tsc -watch 변경사항을 .js파일에도 수정이 됩니다. 실행하실땐 .js 파일을 실행하시면 됩니다. task.json 작성하기 vc 단축키 커맨드 + 쉬프트 + P 눌르고 Tasks:Configure Task 선택 tsc: 빌드 - tsconfig.json 선택하면 .vccode 폴더안에 task.json 만들어지는데 아래있는 코드 넣으면 됨. { // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "2.0.0", "tasks": [ { "type": "typescript", "tsconfig": "tsconfig.json", "problemMatcher": [ "$tsc" ], "group": { "kind": "build", "isDefault": true } } ] .. typescript에서 파일간 export하고 import하기. 코딩을하다보면 인터페이스나 클래스를 다른 파일에서 사용해야할때가 있다 그럴땐 export하고 import 하여 사용하면된당 typescript에서는 export class 이름 { ... } export interface 이름 { ... } import 하는방법은 import {이름} from './파일이름' 주의해야할점은 인터페이스내에 명시한 메서드를 모두 구현해야한다. 어차피 구현안하면 너 인터페이스에 이거 메서드있는데 왜 구현안해?!!라고 빨간줄로 협박한닼ㅋㅋㅋ 변수 p 의 타입을 인터페이스로 했기때문에 Person 클래스내에있는 say() 메서드는 사용할수없다. 즉 인터페이스에 명시한 변수들만 사용할수있다는 장점이있음. interface간 상속 c변수의 타입을 Class으로 했는데 IStudent 로 할 수있다 그렇게하면 인터페이스에 명시한 변수들만 사용할수있음 끝 이전 1 다음
