들어가며

네! 바로 다시 만났네요. 외대 Node.js 파트장 리플/최준혁입니다.

이번 7-2 워크북에서는 Typescript의 기초적인 문법을 배우고, 7-1 워크북에서 진행한 프로젝트 세팅을 기반으로 express.js 샘플 애플리케이션을 작성하고, 이 애플리케이션의 테스트 코드를 작성하는 것까지 진행해볼게요.

Typescript 기초 문법

네! 드디어 지겨운 배경지식 공부와 프로젝트 세팅이 끝이 나고 코딩에 들어갈 수 있겠군요.

1. 변수와 상수, 함수 선언

우선, 타입스크립트 가장 기초적인 문법은 다음과 같아요

// 상수 선언
const 변수명: 타입명 = 실제 값;

// 변수 선언
let 변수명: 타입명 = 실제 값;

// 함수
function 함수명(인자A: 타입A, 인자B: 타입B): 함수리턴타입 {
	// 함수 코드
}

별거 없죠? 말 그대로 JS에서 타입만 추가한 코드의 형태죠.

예제를 통해서 보면

// JS code

const a = "some_string";

let b = 1;

function someFunc(arg1, arg2) {
	b = arg1;
	return `${a} / ${b} / ${arg2}`;
}

console.log(someFunc(3, "some argument");

// result: some_string / 3 / some argument

위와 같은 JS 코드를 TS로 바꿔보면

// TS code

const a: string = "some_string";

let b: number = 1;

function someFunc(arg1: number, arg2: string) {
	b = arg1;
	return `${a} / ${b} / ${arg2}`;
}

console.log(someFunc(3, "some argument");

// result: some_string / 3 / some argument