FE BE 개발 메모장/TypeScript
함수
TypeScript의 함수는 JavaScript와 마찬가지로 기명 함수(named funcion)과 익명 함수(anonymous function)로 만들 수 있다. 또한 함수는 외부의 변수를 참조할 수 있다. 기존 자바스크립트의 함수 // 기명 함수 function add(x, y) { return x + y; } //익명 함수 let z = 10; let addF = (x,y) => x + y + z; 위 에제에서 addF라는 익명 함수는 외부의 변수를 참조 하는데, 이를 보고 변수를 캡쳐(capture)한다 라고 한다. 그리고 JavaScript의 함수에 타입을 추가하여 TypeScript에서의 함수로 사용할수 있다. 이것을 함수 타입(Function Type)이라고한다. // 기명 함수 functi..
기본 데이터 타입
TypeScript는 JavaScript와 거의 동일한 데이터타입을 지원하고, 열거 타입을 사용하여 더 편리하게 사용할 수 있다. 불리언 (Boolean) let isDone: boolean = false; const isTrue: boolean = true; 숫자 (Number) TypeScript의 모든 숫자는 JavaScript처럼 부동 소수 값이다. 부동 소수에는 Number 라는 타입이 붙으며, 16진수, 10진수 ES2015에 소개된 2진수, 8진수 리터럴을 지원한다. let decimal: number = 0; let hex: number = 0xf00d; let binary: number = 0b1010; let octal: numberr = 0o744 문자열 (String) JavaScr..
JavaScript를 보완한 언어 TypeScript
TypeScript? TypeScript는 JavaScript의 MS에서 만든 상위언어이며, 구문(Syntax)과 런타임 특성(Runtime Behavior)을 공유하고, 타입(Type)을 부여하여 기존 JavaScript 에서 느슨하게 짜여진 코드로 발생하기 쉬운 오류를 사전에 예방이 가능하다. TypeScript를 브라우저에서 실행하기 위해서는 파일을 변환(Compile)해줘야한다. 구문(Syntax) : 구문은 프로그램을 만들기 위해 코드를 작성하는 방법을 의미한다. TypeScript 는 JavaScript의 구문을 허용하는 상위 언어이다. 그렇기 때문에 JavaScript 코드를 TypeScript 파일에 넣어도 잘 작동한다. 런타임 특성(Runtime Behavior) :TypeScript는 ..