말은 쉽지, 코드를 보여줘!

비구조화 할당 문법은 1. 비구조화 할당문법을 타입스크립트에서 사용할 경우 조금 다르게 사용해야 한다. 일반 자바스크립트에서는 아래와 같이 사용할 수 있었다. const object = { a: 1, b: 2, } const { a, b } = object 그런데 타입스크립트에서는 타입을 먼저 선언하고 사용하기 때문에 interface 를 사용한다면 아래와 같이 사용하게 될 것이다. interface TestType { a: number b: number } const object: TestType = { a: 1, b: 2 } const { a, b } = object 타입스크립트에서 타입 선언시 속성키값 우측에 ? 를 포함할 경우 선택적 속성으로 만들 수 있는데 이 경우 선언한 타입 외에 undefi..

일단 타입스크립트 환경에서는 기본 자바스크립트와는 다른 별도의 문법이 사용된다. 변수나 함수를 정의할 때 타입을 선언하는 것인데 일반 브라우저에서는 이 코드가 당연히 동작하지 않는다. 실제로 동작이 가능하도록 코드를 변환해주는 컴파일 과정이 필요한데 이를 타입스크립트 컴파일러가 담당한다. 이런 컴파일 과정에서 타입을 체크해서 지정되지 않는 타입이 대입되었거나 할 경우 컴파일 에러를 발생시킨다. 이를 위해 타입스크립트는 기본적으로 string, number 같은 자바스크립트의 기본타입에 대한 정보가 있어야 하는데 이를 정의해놓은 파일이 lib.d.ts 파일이다. 해당파일은 프로젝트에서 node_modules/typescript/lib/lib.d.ts 로 확인할 수 있고 타입스크립트 컴파일러는 컴파일시 해당..

1. Typescript는 코드 작성시 변수, 함수, 클래스 등에 타입을 지정할 수 있고 전용 컴파일러가 일반 javascript 문법으로 컴파일하는 과정에서 타입을 체크한다. 만약 지정된 타입 외의 값을 대입하려 한다면 컴파일러가 경고메시지를 출력하는데 이로 인해 타입안정성이 보장되고 자연스레 생산성도 향상된다. 2. 변수 선언시 타입을 지정할 수 있다. let var_number: number; let var_string: string; let var_boolean: boolean; let var_enum: 1 | 2 | 3 = 1; //타입 외에 값을 제한할 수도 있다. let var_union: number | string; // 여러개의 타입을 지정할 수도 있다. 이를 union 타입이라고 부른..