[TypeScript] 타입 사용하기 기초

Types

number : 모든 종류의 숫자, 정수와 실수.
string : 모든 텍스트 값.
boolean : true 혹은 false

자바스크립트 예시

function add(n1, n2) {
  return n1 + n2;
}

const number1 = "5";
const number2 = 2.6;

const result = add(number1, number2);
console.log(result);  //52.6

타입스크립트 예시

function add(n1: number, n2: number) {
  return n1 + n2;
}

const number1 = "5";
const number2 = 2.6;

const result = add(number1, number2); // 컴파일 과정에서 에러 발생 
console.log(result);

타입스크립트의 type은 개발단계에서 에러를 발견하여 개발에 도움을 줄 수 있습니다. (브라우저는 TypeScript를 모릅니다.)

number, string ,boolean 다뤄보기

function add(n1: number, n2: number, showResult: boolean, phrase: string) {
  if (showResult) {
    console.log(phrase + n1 + n2);  // 결과는: 52.6
  } else {
    return n1 + n2;
  }
}

const number1 = 5;
const number2 = 2.6;
const showResult = true;
const resultPhrase = "결과는: ";

const result = add(number1, number2, showResult, resultPhrase);

타입을 지정했음에도 불구하고 문자열과 숫자열은 더할 수 있습니다.
string과 number가 먼저 더해지고 number를 더해주기때문에
string으로 형변환이 이루어집니다.

function add(n1: number, n2: number, showResult: boolean, phrase: string) {
  const result = n1 + n2; // number 끼리 먼저 더해줌
  if (showResult) {
    console.log(phrase + result); // 결과는: 7.6
  } else {
    return result;
  }
}

const number1 = 5;
const number2 = 2.6;
const showResult = true;
const resultPhrase = "결과는: ";

const result = add(number1, number2, showResult, resultPhrase);

숫자를 먼저 더하고 문자열과 합치고 싶다면, number 타입 끼리 더한 뒤 문자열과 더해주면 됩니다.