행복한 개발자

타입스크립의 장점이 강력한 타입시스템을 통해 컴파일 타임에 타입 검사를 통해 오류를 검출할 수 있다는 점이다. 가끔 타입을 string, nubmer, Pesron 과 같은 평범한(?) 타입이 아닌 특정 값만을 취할 수 있는 타입을 선언해서 쓸 경우가 있다. 예를 들어, 파일의 확장자를 이미지와 관련된 파일만 받을 수 있다고 해 보자. ext 변수는 'jpg' 또는 'gif' 문자열만 받을 수 있다. let ext: 'jpg' | 'gif' = 'bmp'; // 구문 오류 이를 별도의 타입으로 선언할 수 있다. type Ext = 'jpg' | 'gif'; let ext: Ext = 'gif'; 나아가 요청으로 받은 데이터의 유효성 검사를 하고 싶다고 하자. 예를 들어 인터페이스를 통해 받은 파일을 표현..

tsc --watch를 실행해 두면 매번 변경사항이 발견될 때, 알아서 빌드를 수행한다. 이상태에서 코드를 편집하고 실행을 해도 된다. 하지만 매번 콘솔을 열어 명령어를 쳐 넣는 것도 귀찮다. 그럴 땐 Run 메뉴를 실행할 때 빌드를 하게 해 주자. .vscode/tasks.json 파일 수정 tsc를 tsc-watch로 변경 { "version": "2.0.0", "tasks": [ { "label": "build", "type": "typescript", "tsconfig": "tsconfig.json", "problemMatcher": ["$tsc-watch"], "group": "build" } ] } .vscode/launch.json 파일 수정 { // Use IntelliSense to le..