TypeScript Using Types

cptkuk91·2022년 12월 12일
1

TypeScript

목록 보기
2/13

Core Types

  1. numbers: 정수, 실수 구분없이 모두 숫자형입니다.

  2. string: '', "", `` 사용할 수 있다.
    (백틱을 사용 한 경우 템플릿 리터럴을 작성할 수 있습니다.)

  3. boolean: true, false 특히 if 문에서 작업할 때 중요합니다.

ex) 잘못된 예시

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

const number1 = "5";

const number2 = 2.8;

const result = add(number1, number2);
console.log(result);
// "52.8" 우리가 원하는 값이 아니다.

ex) typescript를 적용한 예시

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

const number1 = "5";

const number2 = 2.8;

const result = add(number1, number2);
console.log(result);
// n1과 n2에 type을 적용해줬다.

type을 적용했기 때문에, tsc를 할 수 없고, 에러를 반환한다.
따라서 number1 부분을 string에서 number로 바꿔줘야 한다.

typescript를 활용할 때, type에 대해서 명확히 알고 진행해야 한다.

ex) boolean을 활용한 typescript

function add(n1: number, n2: number, showResult: boolean){
	if(showResult){
    	console.log(n1 + n2);
    } else {
    	return n1 + n2;
    }
}

const number1 = 5;
const number2 = 2.8;
const printResult = true;

add(number1, number2, printResult);

주의점은 type을 지정해줘도, 문자열과 숫자를 더하면 문자열이 나오기 때문에, 분리해서 코드를 작성해야 한다.

typescript에서 선언문에 type을 지정해주는 건 좋은 방법이 아니다.
(고정 된 사용값에 type지정은 문제가 없지만, 다른곳에서 사용 될 경우 선언문에 type 지정을 하지말자.)

profile
메일은 매일 확인하고 있습니다. 궁금하신 부분이나 틀린 부분에 대한 지적사항이 있으시다면 언제든 편하게 연락 부탁드려요 :)

0개의 댓글