개발/TypeScript

3. 타입스크립트(TypeScript) - 타입(Type)

1. 사용법 → 콜론 (:)을 써주고 타입을 적으면 된다 let a : number = 1; let b : string = "hello"; let c : boolean = true; let d : number[] = [1, 2]; // = let d = [1, 2]; 2. 선택적 변수 오브젝트가 있다고 가정했을 때, 특정 요소가 어떤 오브젝트에는 없고 어떤 오브젝트에는 있다면 TS에 어떻게 선언해야 하는가? const player : object = { name: "hello" } player.name // 이렇게 한다면 오류가 발생한다. name은 object가 아니기 때문이다. const player : { name: string, age: number } = { name: "hello" } // 이..

2. 타입스크립트(TypeScript) - 타입 시스템(Type System)

데이터 타입을 사용하기 위해서는 두가지 방법이 있다 데이터와 변수의 타입을 명시적으로 정의 JS 처럼 변수만 생성하고 넘어감 → 좋은 점은 TS가 타입을 추론해준다는 것 1. 변수만 생성 (TS가 타입을 추론) let a = "hello"; a = "bye"; // 정상적인 코드 (string -> string) a = 1; // TS에서 에러 반환 (string -> number) 이처럼 정의만 해도 TS는 a 가 string 타입이어야 한다는 것을 알게 된다 2. 명시적 정의 let b : boolean = "x"; // TS에서 에러 반환 (b는 boolean으로 명시했는데 string 타입을 넣음) :boolean → 이 부분이 변수 b가 boolean이어야 한다는 것을 알려주는 부분 이것이 Ty..

1. 타입스크립트(TypeScript) - 타입스크립트(TypeScript)란?

TypeScript 프로그래밍 언어 Strongly Typed (강타입) 프로그래밍 언어 TS의 경우 작성한 코드가 JS로 변환된다 (브라우저가 TS가 아닌 JS를 이해하기 때문) TS가 제공하는 보호장치는 TS코드가 JS로 변환되기 전에 발생한다 TS코드에 에러가 있다면 그 코드는 JS로 컴파일되지 않는다 JS와 똑같이 생겼지만 잘못된 코드를 작성하면 빨간색 밑줄을 통해 오류가 발생할 것을 알려준다 이러한 보호장치가 생기는 이유는 타입 추론 때문이다

0. 타입스크립트(TypeScript) - 타입스크립트(TypeScript) 개요

1. 왜 타입스크립트를 이용하는가? 안정성 때문 (타입 안정성) 타입 안정성 때문에 TS의 장점을 이용할 수 있다 → 코드에 버그가 줄게 된다. 런타임 에러도 줄어든다 결론적으로, 타입 안정성은 TS가 제공하는 최고의 장점 2. JavaScript와 비교 매우 유연한 언어 → 이상한 코드를 작성해도 개발자를 이해하고 도와주려 한다 개발자를 이해하려 하고 에러를 보여주지 않으려고 한다 예시 (배열 + Boolean) [1, 2, 3, 4] + false; >>> '1, 2, 3, 4false' 배열이 사라진다 string으로 바뀐다 → 유효하지 않은 코드지만 JS에서는 허용된다 예시 (함수의 잘못된 입력값) function divide(a, b) { return a / b; }; divide("xxxxxx..