[TS] 객체와 타입

📣  타입스크립트 변수 선언문

📍 let 과 const 키워드

let name = 'jieun'

➰ 값이 수시로 변경될 수 있다.

 

const name = 'jieun'

➰ 변수값이 절대 변하지 않는다.

 

📍 타입 주석

let name: string = 'jieun'
let b: boolean = true

n = 'a' // 에러
b = false

➰ let으로 선언한 변숫값은 타입 주석으로 명시한 타입에 해당하는 값으로만 바꿀 수 있다.

 

📍 타입 추론

➰ 대입 연산자('=') 오른쪽 값에 따라 변수의 타입을 지정하는 것

let n = 1	// n의 타입을 number로 판단
let b = true	// b의 타입을 boolean으로 판단

 

📍 any 타입

➰ 값의 타입과 무관하게 어떤 종류의 값도 저장할 수 있다.

let a: any = 0
a = 'hello'
a = true
a = {}

 

📍undefined 타입

➰ 타입스크립트에서 undefined는 타입이기도 하고 값이기도 하다.

let u: undefined = undefined
u = 1 // 에러

타입스크립트 타입 계층도

 

📍 템플릿 문자열

➰ 변수에 담긴 값을 조합해 문자열을 만들 수 있게 한다.

let count = 10, message = 'Your count'
let result = `${message} is ${count}`;
// Your count is 10

---

📣  객체와 인터페이스

📍  인터페이스는 왜 등장했나?

✔️ object 타입으로 선언된 변수는 number, boolean, string 타입의 값을 가질 수는 없지만, 속성 이름이 다른 객체를 모두 자유롭게 담을 수 있다.

let o: object = {name: 'Jack', age: 32}
o = {first: 1, second: 2}

➰ 마치 객체를 대상으로 하는 any 타입처럼 동작한다.

➰ 이를 막기 위해서 인터페이스가 등장했다.

 

📍 인터페이스 선언문

interface IPerson {
    name: string
    age: number
}

➰ 속성들을 여러 줄로 구현할 때는 ';' 이나 단순히 줄바꿈으로 구분한다.

➰ name이나 age 속성 중 하나만 없어도 오류가 발생한다.

 

📍 선택 속성(optional property) 구문

interface IPerson {
    name: string
    age: number
    etc?: boolean
}

➰ etc 속성은 있어도 되고 없어도 된다.

 

📍 익명 인터페이스

function printMe(me: {name: string, age: number, etc?: boolean}) {
    console.log(
      me.etc ?
        `${me.name} ${me.age} ${me.etc}`:
        `${me.name} ${me.age}`
    )
}
printMe(ai)	// Jack 32

➰ 익명 인터페이스는 주로 위처럼 함수를 구현할 때 사용한다.

---

📣  객체와 클래스

📍 클래스 선언문

class Person1 {
    name: string
    age?: number
}

let jack1: Person1 = new Person1();
jack1.name = 'Jack';
jack1.age = 32;
console.log(jack1);	// Person1 { name: 'Jack', age: 32 }

➰ name과 age 속성을 가진 클래스

 

📍  접근 제한자

➰ 클래스의 속성은 public, private, protect와 같은 접근 제한자를 이름 앞에 붙일 수 있다.

➰ 생략하면 public으로 간주한다.

 

📍  생성자

➰ 타입스크립트의 클래스는 constructor라는 이름의 특별한 메서드를 포함한다.

➰ constructor를 사용해 클래스의 속성을 선언할 수 있다.

class Person2 {
    constructor(public name: string, pubilc age?: number) {}
}
let jack2: Person2 = new Person2('Jack', 32);
console.log(jack2)	// Person2 { name: 'Jack', age: 32 }

class Person3 {
    name: string
    age?: number
	constructor(name: string, age?: number){
        this.name = name; 
        this.age = age;
    }
}

➰ 두번째 클래스를 첫번째 클래스처럼 함축해서 구현할 수 있다.

 

📍  인터페이스 구현

interface IPerson4 {
    name: string
    age?: number
}

class Person4 implements IPerson4 {
    name: string
    age: number
}

➰ 인터페이스는 특정 속성이 있어야 한다는 규약일 뿐, 물리적으로 그 속성을 만들진 않는다.

➰ 때문에 클래스 몸통에는 반드시 인터페이스가 정의하고 있는 속성을 멤버 속성으로 표현해야 한다.

 

📍  추상 클래스

➰ 속성이나 메서드 앞에 abstract를 붙여서 나를 상속하는 다른 클래스에서 이 속성이나 메서드를 구현하게 한다.

abstract class AbstractPerson5 {
    abstract name: string
    constructor(public age?: number) {}
}

➰ name 속성 앞에 abstract가 붙었으므로 new 연산자를 사용해 객체를 만들 수 없다. 

 

📍  클래스의 상속

class Person5 extends AbstractPerson5{
    constructor(public name: string, age?: number) {
        super(age)
    }
}
let jack5: Person5 = new Person5('Jack', 32);

➰ Person5 클래스는 추상 클래스인 AbstractPerson5를 상속해서 age를 얻고, AbstractPerson5를 상속받는 클래스가 구현해야 할 name 속성을 구현하고 있다.

➰ 부모 클래스의 생성자를 super로 호출할 수 있다.

 

📍  static 속성

class A {
    static initValue = 1
}

let initVal = A.initValue	// 1

➰ 정적 속성은 'dot notation'을 사용해 값을 얻거나 설정할 수 있다.