써먹는 웹개발

형식 타입 에러나는 변수 바로 위에 '// @ts-ignore' 추가

Typescript 소스 저장시에 Javascript 파일 자동생성방법입니다. nodejs에서 Typescript 파일(.ts) 작업중인 폴더에서 다음 명령어 입력후 엔터치면 됩니다. tsc 파일명.ts -w ※ w는 watch의 약어입니다.

Typescript에서 상수처리하는 방법 1. 일반 변수 const str = "hi"; 2. 객체형 변수 - 잘못된 방법 const obj = {a:1, b:'2'}; obj.a = 3; // 내부값 변경 가능 - 옳은 방법 const obj2 = {a:1, b:'2'} as const; obj2.a = 4; // 읽기 전용 속성이므로 'a'에 할당할 수 없습니다.

Typescript 배열 1. 가변형 타입 설정 let arr1: (string | number | boolean)[] = [true, 2, '3']; // 가변형 2. 고정형 타입 설정 let arr2: [boolean, number, string] = [true, 2, '3']; arr2[0] = 4; // '4' 형식은 'boolean' 형식에 할당할 수 없습니다. 출처 : 웹게임을-만들며-배우는-typescript

TypeScript를 쓰는 가장 큰 이유는 변수 내부의 메서드나 프로퍼티를 호출할때 타입이 다른 경우 자바스크립트(.js)는 에러가 발생할 것이라는 문구가 나오지 않아서 실제로 화면에 출력할때 에러가 나거나 (크롬에서) 테스트해봐야 알 수 있는데 타입스크립트(.ts)에서는 문제가 바로 출력되기때문에 소스 상에서 바로 에러 파악후에 수정이 가능하다. 특히, 변수 타입과 관련없어 보이게 변수명을 설정한 경우에 타입스크립트는 빛을 발한다.