TypeScript
함수의 입력과 반환 타입 적기
매개변수와 반환값의 타입으로 함수의 사용 방법을 표현합니다.
이럴 때 필요해요
가격 계산 함수가 어떤 값을 받고 돌려주는지 명확히 합니다.
어떻게 동작하나요?
JavaScript 함수에 타입을 더할 때는 매개변수 이름 뒤에 콜론을 붙입니다. price: number는 price 자리에 숫자를 받는다는 뜻입니다.
매개변수 괄호 뒤의 : number는 반환값의 타입입니다. 함수가 계산해서 돌려준 값을 호출자가 어떤 종류로 사용할 수 있는지 알려 줍니다.
아래 함수에는 숫자 두 개를 전달해야 합니다. TypeScript의 number만으로는 양수, 정수, 원화 같은 의미까지 모두 제한하지 않습니다. 이런 조건은 별도 검사와 설계가 필요합니다.
코드 예제
동작을 설명하는 읽기 전용 예제입니다.
function total(price: number, count: number): number {
return price * count;
}
console.log(total(5000, 2)); // 10000입력과 반환값이 숫자인 함수를 호출합니다.
자주 헷갈리는 포인트
- 숫자 타입이라는 사실만으로 가격이 양수라고 보장되지 않습니다.
- 타입을 적는 것과 실제 입력을 변환하는 것은 다릅니다.
내 말로 설명해 보기
count: number라면 -1도 타입 검사에서 허용될까요?
생각할 단서 예제의 값을 하나 바꿔 보고, 바뀌는 부분과 그대로인 부분을 구분해 보세요.
예시 답변 확인
설명에 들어갈 핵심
- 매개변수와 반환값의 타입으로 함수의 사용 방법을 표현합니다.
- 입력과 반환값이 숫자인 함수를 호출합니다.
예시 답변
네. number는 음수도 포함합니다. 수량이 0 이상이어야 한다는 규칙은 실행 시 검사해야 합니다.
문장을 그대로 외우기보다 예제의 값과 실행 흐름을 떠올리며 설명해 보세요.