성준이의 공부블로그

타입스크립트는 자바스크립트와 호환성을 위해 자바스크립트 타입은 물론 그에 대응하는 타입스크립트 타입 또한 제공합니다. 유형 JS타입 TS타입 수 타입 Number number 불린 타입 Boolean boolean 문자열 타입 String string 객체 타입 Object object let과 const키워드 ES5는 var라는 키워드를 사용해 변수를 선언했습니다. 하지만 var는 다른 프로그래밍 언어와는 다르게 작동합니다. 그래서 ESNext부터는 let과 const 키워드를 도입했습니다. ESNext는 var 키워드를 사용하지 말라고 권고합니다. ESNext에서 let으로 변수 선언 방법(let으로 선언된 변수의 코드값은 수시로 변경될 수 있습니다.) let a let b = 10 ESNext에서 ..

타입스크립트에서는 소스파일을 모듈(module)이라고 합니다. 코드관리와 유지/보수를 편리하게 하려고 모듈마다 고유한 기능을 구현하는 방식으로 소스코드를 분할합니다. 이러한 방식을 모듈화(modulization)라고 합니다. 소스코드를 여러 개 모듈로 분할하면 어떤 모듈에서 다른 모듈을 불러와서 사용할 수 있습니다. import 키워드 다른 모듈의 기능을 이용하는 쪽에서 사용하는 키워드입니다. import {심벌목록} from '파일의 상대경로' export 키워드 기능을 제공하는 쪽에서 사용하는 키워드입니다. function, interface, class, type, let, const 키워드 앞에 붙일 수 있습니다. let MAX_AGE = 100 interface IPerson { name: st..

설치해야 할 것들 Visual Studio Code와 Node.js가 있습니다. Visual Studio Code 설치방법은 아래 링크를 참조하시면 됩니다. https://seong-jun.tistory.com/entry/Visual-Studio-Code-%EB%8B%A4%EC%9A%B4%EB%B0%A9%EB%B2%95 Visual Studio Code 다운방법 Visual Studio Code는 마이크로소프트에서 개발한 텍스트 에디터입니다. 자세한 설명은 나무위키에 나와있으니 참고하시기 바랍니다. https://namu.wiki/w/Visual%20Studio%20Code Visual Studio Code - 나무위키 이 저 seong-jun.tistory.com Node.js 설치 방법은 아래 링크를..

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코드..