enum을 왜사용하는가? 특정한 넘버 혹은 스트링을 타입으로 사용하는 경우가 있다. 아래와 같은 예시가 그에 해당한다. 그런데 위처럼 or 연산자로 타입을 정의해 버리면 축약형으로 쓴 ja, ko, en이 무엇을 의미하는지 까먹거나 모를 때가 있다. ug가 어떤 국가를 의미하는지 아는 사람이 있을까? 별로 없을 것이라 짐작한다. ug는 Uganda 우간다 코드다. 이런 문제를 해결하기 위해 어떤 방법을 사용할 수 있을까? 약어를 사용하지 않는 것 풀네임 변수를 사용하는 것 enum 마치 객체의 key가 ko 값이 korean안 느낌이 든다. 실제로 이러한 원리이며, 값을 변경할 수 없도록 freezon 된 객체를 사용한다. 소결론 원래 뜻을 유지하며, 짧은 코드로 가독성을 높이고 싶은 경우 enum을 사용해보자.

배운 내용 정리하기 typescript 1. class에서 선언한 private(클래스 외부에서 절대 접근 불가), protected(private와 동일하며 + 확장된 클래스까지 접근 가능) 멤버가 있다면, 구조가 동일하더라도 반드시 동일한 클래스를 통해 정의된 멤버여야 같은 타입으로 인정된다. (일반적으로 ts는 구조적으로 동일한 경우 같은 타입으로 인정) 예제 1 2. strictNullChecks 옵션 설정은 특정 타입으로 지정된 변수에 null과 undefined가 할당되지 못하도록 막는다. 예제 1 위 코드에는 오류가 있습니다. loggedInUsername 식별자는 const키워드와 함께 string 타입으로 annotation 됐습니다. const를 정의할 때는 반드시 초기화가 필요하다는 에러가 발생합니다. 하지만 declare 키워드를 사용했기 때문에 이미 해당 변수가 존재한다고 인식되어 에

리팩터리 2판 중 덕타이핑이라는 용어가 등장했다. 해당 용어를 다음과 같이 정의하고 있는데, 명확하게 와닿지 않는다. duck typing: 자바의 타입 시스템은 '이름'을 기반으로 타입을 구분한다. 클래스 A와 B가 똑같은 필드와 메서드를 제공하더라도 클래스 이름이 다르기 때문에 다른 클래스로 취급한다. 반면 자바스크립트는 '구조'를 기준으로 타입을 구분한다. 즉, 클래스 이름에 상관없이 어떤 타입에 걸맞은 필드와 메서드를 지닌 객체라면 해당 타입으로 간주한다. 덕 타이핑이란 이름은 "만약 어떤 새가 오리처럼 걷고, 헤엄치고, 꽥꽥거린다면 나는 그 새를오리라고 부를 것이다."라는 비유에서 나왔다. > 요약: 객체의 변수 및 메소드의 집합이 객체의 타입을 결정 그래서 자료를 찾아 위의 내용을 코드로 풀이해 봤다. 위의 코드를 보면 Qauckable을 상속받지 않은 Pig 클래스가 cryQuack이라는 함수의 인수: Quackable 로 입력되었더라도 실행이 된

typescript를 사용하다보면 DOM과 관련되며, 이미 정의되어 있는 interface를 사용할 때가 있다. 예를 들어 ChildNode, HTMLElement가 해당한다. 그런데 정말 헷갈린다. ChildNode, HTMLElement 뭐가 다른거지? 그래서 조사해보았다. 1. DOM Node, DOMElement 차이 1.1 DOM Node NODE의 의미는 부모 자식의 관계에 있다. 아래 html document 구조를 보면 부모 자식 형제 관계에 따라 표현되고 있다. html은 head, body 자식 노드를 가지고 있다. 이러한 태그형 node(html element) 뿐만아니라 text node도 node 이기 때문에 부모 형제 관계를 가지고 있다. 따라서 text node도 before, after, parentElement 등의 관계된 node를 찾기 위한 메서드를 포함하고 있다. 1.1.1 Node Types 노드는 타입을 가지

Mapped type mapped type은 객체에 대한 type을 지정할 때, property key 혹은 value를 조금 더 유연하게 지정하도록 도와준다. 유연하다는 의미는, 마치 Js의 computed property names 문법 처럼 사용할 수 있다는 의미이다. 이를 잘 활용하면 typescript에서 제공하는 type utils를 넘어서 나만의 utils를 만들고 싶을 때, 유용하게 사용할 수 있다. js compomputed property names 예시 Mappted type 응용 객체의 key는 모르지만 type은 알고있는 경우, 다음과 같이 작성할 수 있다. 이 문법은 interface에도 적용가능하다. PropertyKes(보통 keyof 로 추출한 key들)을 통해 type의 key를 지정하고 싶은 경우. key Remapping vis as 본인이 Mappted type을 알아보게된 계기다.