성준이의 공부블로그

TS의 주요 문법 1. 타입 주석과 타입 추론 let n: number = 1 // : 타입주석 let m = 2// 타입추론. JS와 호환성을 보장 2. 인터페이스 interface Person { name: string age?: number } let person: Person = {name: "Jane"} 3. 튜플 물리적으로는 배열과 같지만 튜플은 아이템의 데이터 타입이 모두 다르다 let numberArray: number[] = [1, 2, 3] // 배열 let tuple: [boolean, number, string] = [true, 1, 'OK'] // 튜플 4. 제네릭 타입 다양한 타입을 한꺼번에 취급할 수 있게 해 줌 class Container { constructor(public..

ESNext의 주요 문법 1. 비구조화 할당 let person = {name: "Jane", age: 22} let {name, age} = person // name: "Jane", age: 22 let array = [1, 2, 3, 4] let [head, ...rest] = array // head = 1, rest = [2, 3, 4] let a = 1, b = 2; [a, b] = [b, a] // a = 2, b = 1 2. 화살표 함수 function add(a, b) {return a + b} const add2 => (a, b) => a + b 3. 클래스 ESNext에서는 객체지향 프로그래밍을 지원 객체지향프로그래밍은 캡슐화, 상속, 다형성이라는 세 가지 요소가 있음 abstract..

자바스크립트(JavaScript)의 종류는 표준 자바스크립트, ESNext, TypeScript가 있다 TypeScript는 ES5, ESNext의 모든 문법을 포함한다 TypeScript > ESNext > ES5 (ESNext JS란 ES6 이후 버전의 모든 JS이다) React나 Vue도 TypeScript로 개발함 TypeScript의 장점 여러 사람이 하나의 프로젝트를 개발할 때 다른 개발자가 작성한 코드를 이용하다가 오류가 발생했을 경우 오류의 원인을 찾기 힘든데 TypeScript로 개발하면 그런 경우를 줄일 수 있고 TypeScript 컴파일러는 문제의 원인이 어디에 있는지 알려줘서 좀 더 수월하게 작성할 수 있다 대규모 프로젝트를 할 때 좋음 Typescript를 사용하는 이유? js코드..