함수 정의

함수 선언식의 타입 정의는 아래와 같습니다.

function formatDate(d: Date): string {
	let year = d.getFullYear();
	let month = d.getMonth() + 1;
	let day = d.getDate();

	return `${year}년 ${month}월 ${day}일`
}

const today = formatDate(new Date());

• 매개변수의 우측에 콜론(:)과 매개변수의 타입을 정의합니다.
• return 값의 타입은 소괄호()우측에 타입을 정의합니다.
• formatDate의 매개변수 d는 Date 객체 타입을 받아야하고, return 값은 문자열이어야 합니다.

화살표 함수도 똑같습니다.

const formatDate = (d: Date): string => {
	const year = d.getFullYear();
	const month = d.getMonth() + 1;
	const day = d.getDate();

	return `${year}년 ${month}월 ${day}일`;
};

const today = formatDate(new Date());
console.log(today);

다양한 매개변수 타입

아래와 같이 여러 매개변수의 타입을 복잡하게 해볼 수도 있습니다.

let formatDate = (d: Date | number, lang = "ko", delimiter?: string): string => {
	// 로직 생략
};

formatDate(new Date());
formatDate(20201028, "en");
formatDate(20201028, "en", "-");

• 두 번째 매개변수인 lang의 경우 인자를 전달하지 않으면 "ko"라는 문자열 값이 할당되도록 했습니다.
• delimiter는 물음표를 사용하여 선택적으로 인자를 전달하도록 했습니다.

🐔참고문헌

위코드