Step-up Step-up

TypeScript의 열거형(Enum)은 특정 값의 집합을 정의할 때 사용됩니다. JavaScript에서는 기본적으로 열거형을 지원하지 않지만, TypeScript에서는 문자형 열거형과 숫자형 열거형을 지원합니다. TypeScript에서 열거형은 다음과 같은 형태로 정의할 수 있습니다. enum Color { Red, Green, Blue, } 위 예제에서는 Color라는 열거형을 정의하고 있습니다. 열거형의 값은 Red, Green, Blue 세 개입니다. 숫자형 열거형(Enum) 열거형은 숫자형과 문자열형, 혹은 이 둘의 조합으로 정의될 수 있습니다. 디폴트 값으로 숫자형을 사용하며, 각 값은 자동으로 0부터 시작하여 1씩 증가합니다. 그러나 다음과 같이 수동으로 값을 지정할 수도 있습니다. enum..

유니온 타입 /* 코드를 작성한 뒤 터미널에 순서대로 1. tsc src/index.ts 2. node src/index.js 라고 치면 결과를 확인해볼 수 있습니다. */ function printAge(person) { let age; if (typeof person.age === 'number' || typeof person.age === 'string') { age = person.age.toString(); } console.log(`${person.name}의 나이는 ${age}살 입니다.`); } const kimcoding = { name: '김코딩', age: 30, }; const parhacker = { name: '박해커', age: '서른', }; printAge(kimcoding..

TypeScript는 연산자를 이용해 타입을 정할 수 있습니다. JavaScript에서도 보았던 ||(OR) 연산자나 && (AND)와 같은 연산자를 이용하여 만들 수 있습니다. | 연산자를 이용한 타입을 유니온(Union) 타입이라고 하며, & 연산자를 이용한 타입은 인터섹션(Intersection) 타입이라고 부릅니다. 유니온(Union) 타입 -> 합집합 유니온 타입은 둘 이상의 타입을 합쳐서 만들어진 새로운 타입입니다. | 연산자를 이용하며, 자바스크립트의 || (OR) 연산자와 같이 “A이거나 B이다”라는 의미의 타입입니다. 예를 들어, number | string은 숫자 또는 문자열 타입을 의미합니다. 아래의 코드를 하나 보겠습니다. function printValue(value: any): ..

/* 작성 후 터미널에 1. tsc src/index.ts 2. node src/index.js 라고 치면 결과를 확인해볼 수 있습니다. */ /* 1-1번 */ function sumNumber(a, b) { return a + b; } /* 1-2번 */ const sumNumber2 = (a, b) => { return a + b; }; /* 2번 */ let sumString = (first, last) => { return `${first} ${last}`; }; console.log(sumString('hi', 'codestates')); /* 3번 */ let sumString2 = (first, last) => { return `${first} ${last}`; }; //아래 코드도 동작하..

JavaScript에서 함수는 모든 애플리케이션의 기본적인 구성 요소입니다. JavaScript에서의 함수와 마찬가지로 TypeScript에도 함수는 JavaScript와 마찬가지로 기명 함수(named function)와 화살표 함수(arrow function) 등으로 만들 수 있습니다. JavaScript에서 함수를 이렇게 작성했습니다. //named function function add(x, y){ return x + y; } //arrow function let add = (x, y) => { return x + y; } 이를 TypeScript로 다시 표현해 보겠습니다. //named function function add(x: number, y: number):number { return x..

JavaScript로 작성되어 있는 해당 코드들을 TypeScript로 포팅 /* 작성 후 터미널에 1. tsc src/index.ts 2. node src/index.js 를 입력하시면 확인할 수 있습니다. */ /* boolean형 */ let isDone = false; let isShow = true; console.log(isDone); console.log(isShow); /* 숫자형 */ let num1 = 7; let num2 = 0.6878; console.log(num1); console.log(num2); /* 문자형 */ let str = 'hello'; console.log(str); /* 숫자형 배열의 타입을 정하는 2가지 방법 */ let list1 = [1, 2, 3]; le..

TypeScript는 JavaScript와 거의 동일한 데이터 타입을 지원합니다. Boolean(불리언) 타입 가장 기본적인 데이터 타입으로, JavaScript에서도 마찬가지로 boolean 값이라고 불리는 참(true), 거짓(false) 값입니다. let isShow: boolean = true; let isDone: boolean = false; Number(숫자) 타입 TypeScript에서 Number 타입을 선언하는 방식은 아래와 같습니다. JavaScript와 마찬가지로 TypeScript 또한 정수와 실수의 구분 없이 Number 타입 하나로 표기합니다. TypeScript는 이 외에도 추가로 bigint를 지원합니다. let number1: number = 5; let number2: ..

TypeScript(타입스크립트)란 TypeScript는 마이크로소프트에서 개발한 JavaScript의 상위 집합(Superset) 언어입니다. JavaScript에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발된 언어로, JavaScript가 발전하면서 생긴 단점을 보완하기 위해 등장하게 되었습니다. TypeScript의 등장 배경 TypeScript를 이야기하기에 앞서, JavaScript에 대해 먼저 이야기해 보겠습니다. JavaScript는 처음에는 브라우저에서만 동작하는 스크립팅 언어로 만들어졌었습니다. 시간이 점점 흐르고, JavaScript로 웹 애플리케이션의 상호작용이 증가하면서, 웹 애플리케이션이 필요로 하는 JavaScript 코드의 양이 폭발적으로 늘어나..