오늘도 디벅잉

🚀 타입스크립트(이하 'TS')는 필수처럼 되었습니다. 자바스크립트(이하 'JS')를 배우기 전에 TS로 시작해도 되냐는 말도 보입니다. TS에 대한 관심이 뜨거운 것 같습니다. 그렇다면 TS가 어떤 의미인지 가볍게 짚어 보겠습니다. 타입 말그대로 TS는 타입과 관련된 언어입니다. 자유로운 JS에 타입이라는 제약을 가하게 됩니다. 물론 JS에 타입이 없는 것은 아니지만 구렁이 담넘듯 타입이 휙휙 변하는 JS와 달리 TS에서는 타입이 정적으로 유지됩니다. 타입이란 우리가 흔히 사용하는 Number, String, Object부터 any 같은 TS 특유의 타입까지 다양합니다. 타입이라는 굳이 없던 제약을 가하는 것이 당장은 불편하게 느껴지기도 합니다. 에러 발생 TS는 에러가 발생하는 시점을 앞당겨 줍니다...

🎯 1. (선택) 타입스크립트 설치 $ npm i -g typescript 1. tsc 명령어를 사용하기 위해 typescript 전역으로 설치 2. 프로젝트 내에 설치해도 되며, 뒤에 설명하겠지만 프로젝트 내에 설치하는 것을 추천 2. 타입스크립트를 활용하기 위한 라이브러리 설치 $ npm i -D typescript ts-node @types/node @types/express 1. typescript - npx tsc를 사용하기 위해 devDependencies에 포함 (팀원들과 동일한 ts 버전을 사용하기 위해 필요) 2. ts-node - Node.js를 위한 TypeScript 실행 엔진이자 REPL (TS 파일을 실행하면 JS 파일로 해석해서 실행 => node 명령어 + tsc 명령어처럼 ..

🎯 { 타입 별칭 vs 인터페이스 } 타입스크립트에서 기능이 비슷해 보이는 타입 별칭(type alias)과 인터페이스(interface)를 비교해 보고자 합니다. 1. 구현 문법 타입 별칭 type Pizza = { calories: number salty: boolean tasty: boolean } 인터페이스 interface Pizza { calories: number salty: boolean tasty: boolean } 2. 타입 확장 타입 별칭 type PineapplePizza = Pizza & { pineapple: boolean } 인터페이스 interface PineapplePizza extends Pizza { pineapple: boolean } 3. 중복 선언 타입 별칭은 동일..