🔎 Generics, Any 와 다른 점 보통의 함수는 들어오는 인자와 나가는 리턴의 타입이 일정한 규칙을 이루며 같은 로직이 반복된다. function helloString(message: string): string { return message; } function helloNumber(message: number): number { return message; }반복을 줄이기 위해 모든 타입을 인자로 받고 리턴할 수 있는 any를 사용할 수 있지만 타입이 서로 일치하지 않을 수 있다는 문제가 있다. function hello(message: any): any { return message; } console.log(hello('Mark').length); // any의 length도..
🤔 TS Types vs JS Types 타입스크립트의 타입과 자바스크립트의 타입을 먼저 비교해보자. 타입스크립트는 Static types로 개발 중간에 타입을 체크한다. 자바스크립트는 Dynamic types로 개발 단계가 아닌 런타임에 들어가야만 오류를 체크할 수 있다. 그래서 타입스크립트는 자바스크립트보다 한단계 먼저 오류를 체크할 수 있다는 장점이 있다. 📢 Type Annotation Type Annotation은 변수의 타입을 지정하는 것으로, 타입스크립트가 가진 고유의 기능이며 자바스크립트와는 차별된 기능이라 할 수 있겠다. 예를 들어 자바스크립트에서는 변수에 값을 할당하면 밑에서 임의의 다른 값을 다시 할당할 수 있다. 하지만 타입스크립트에서는 처음에 할당한 값의 타입과 같은 타입의 값만 ..
🌊 TypeScript TypeScript는 type을 추가하여 자바스크립트를 확장한 것으로 즉, 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어라고 할 수 있다. 코드를 실행하기 전 사전에 에러를 방지할 수 있고 코드 자동완성으로 코드를 수정하는데 들이는 시간을 줄여준다는 장점이 있다. 따라서 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있다. 그런데 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해줘야 한다. 이 변환 과정을 컴파일(complile)이라고 부른다. 💧 TypeScript 설치하기 먼저 broswer(ex. chrome), node.js, nvm가 기본적으로 설치되어 있어야 한다. 1. 터미널에 npm init -y 입력 폴더 생성 후 vscode 터미널..