나빈스 코딩

타입 추론타입스크립트는 타입을 선언하지 않아도 변수의 타입을 추론하는 능력을 가지고 있다.그래서 타입스크립트가 예측할 것 같은 불필요한 타입선언들은 지워줘도 된다.타입 단언타입 단언은 "타입스크립트. 너보다 내가 더 잘 아니까 신경 안써도돼."라고 하는 것과 같다.var nabeen = {} as Person;// 그냥 {} 선언하면 일반 객체로 추론함.// as Person을 추가하면 Person 객체로 추론함. 타입 에러 방지 가능. 가급적이면 타입 단언보다 타입 추론에 의존하는게 좋다.타입 가드타입 가드는 타입을 걸러냄으로써 타입스크립트가 추론하게끔 한다.if문과 같이 쓴다.종류로는 typeof (그 타입인지), instanceof (그 클래스의 인스턴스인지), in (그 객체 안의 key인지), ..

제네릭이란 받아오는 내용물의 타입에 따라서 자유자재로 쓸 수 있는 기능을 말한다. (일반화 기능)알아서 타입 T를 지정하기 때문에, 중복되는 코드를 줄일 수 있다. 제네릭 함수의 예시는 다음과 같다.function getFirst(arr: T[]):T { return arr[0];}const numbers: number[] = [5,4,3,2,1];const firstNumber = getFirst(numbers); extends와 keyof 를 이용해서 타입을 제약해도 된다.

function sayHi() { console.log('hi');}sayHi();위에가 함수 정의이고, 아래가 함수 호출이다.자바스크립트는 위에서부터 한줄씩 차례대로 실행하지만, 함수의 정의는 호출될 때만 실행한다.따라서 sayHi()가 먼저 실행되고, 그 다음에 함수 정의가 실행된다.

타입스크립트에서는 "배열"을 for-of문을 통해 간단히 반복할 수 있다.const numbers:number[] = [1,3,2,6]for(const num of numbers) { console.log(num);}

연산자 복습하다가 새로운 연산자를 배웠다!비트를 시프트 (왼쪽이나 오른쪽으로 옮기는) 하는 연산자이다!const bit:number = 4 비트와 연산자를 활용해서 하나의 수치값을 관리할 수 있다.예를 들어 게임 캐릭터의 상태를 표현할 때,0001 달리고 있음.0010 공격중임.0100 무적 상태임.이런 식으로 간단하게 관리할 수 있다.

클래스를 선언할 때, 기존 자바스크립트와 다른 점은 "프로퍼티의 타입을 미리 지정"해야한다는 점이다.class Book { name: string; // 여기가 다름! constructor(name: string) { this.name = name; } sum(a: number, b: number): number { return a + b; }} 변경되면 위험한 중요 프로퍼티들이 있다면 접근 제어자를 이용하자.클래스의 접근 제어자는 3가지 (public, private, protected)가 있다.public(기본)은 모두 rw(read, write) 가능, private은 클래스 내부에서만 rw 가능, portected는 상속된 클래스 내부에서만 rw 가능이다.주의해야..

enum은 카테고리처럼 공통분모가 있는 여러 상수들을 한 곳에 모아놓고 쓰고 싶을 때 쓴다.const enum Drink { Coffee = 1.03; Smoothie = 2.06; Ade = 1.1;}const newDrink: Drink = Drink.Coffee;console.log(newDrink); // 1.03for (let i=0; i위 코드는 이넘 값들에 가격을 넣을 것이다.만약 =을 쓰지 않을 경우, 0, 1, 2, 3 이 순서대로 대입된다. 참고로, 이넘 선언할 때 const를 쓰면 트랜스파일 후 코드양이 확연히 줄어든다.

둘 다 객체의 타입을 지정할 수 있다.개발자의 선호에 따라 원하는 걸 사용한다. 다만, 타입에서는 number | string 과 같이 유연하게 타입을 다룰 수 있고, 후술할 제네릭과 유틸리티 타입을 쓸 수도 있다.또한, 타입은 프로퍼티들의 타입을 미리보기 할 수 있다. 인터페이스는 전에 배운 extends 를 사용할 수 있어서 상속할 수 있고, 선언 병합을 사용할 수 있기 때문에 확장에 유연하다.프론트엔드와 백엔드의 프로퍼티 타입 지정을 할 때는 자주 바뀌기 때문에 인터페이스를 쓰면 유용하다.