주정뱅이 개발자

Tip

1. 호출한 함수 확인console.log(arguments.callee.caller.name); 2. 관리자 도구 파일 찾기Ctrl + P 를 누르면 파일 검색 창이 나온다.

Enum, Union Type, Tree Shaking

1. Tree Shaking Tree Shaking이란, 나무를 흔들면 죽은 나뭇잎들이 떨어지는걸 보고 이름이 지어졌다. 더이상 사용하지 않는 코드들을 제거해주는 기능을 뜻한다. 여기서 Tree Shaking을 알려주는 이유는 Enum은 Tree Shaking이 되지않아 사용을 지양해야하기 때문이다. 2. Enum Enum은 잘 알다시피 열거형 변수이다. Typescript가 자체적으로 제공하는 기능으로 Javascript에서는 사용할 수 없다. 그래서 Typescript Compiler가 Enum 변수를 컴파일하게 되면, Typescript는 IIFE(즉시실행 함수)로 구현을하게 된다. 여기서 Rollup과 같은 번들러는 IIFE를 사용하지 않는 코드라고 판단할 수 없어서 Tree Shaking이 되지..

Calendar

1. Calendar 기간이 선택가능하고, 이벤트를 사용자 임의로 설정 가능한 달력. 시작일 이전의 기간은 선택이 불가능하다. 공휴일을 지정할 수 있다. 2. Code type CalendarModel = { listener? : any; } export class Calendar{ model : CalendarModel; parent : HTMLElement; holiday : any = {"0101" : true, "0121" : true, "0122" : true, "0123" : true, "0124" : true, "0301" : true, "0505" : true, "0527" : true, "0606" : true , "0815" : true, "0928" : true, "0929" : tr..

Type & Interface

1. 공통점 객체 타입을 정의하는 키워드 정적으로 모양을 알 수 있는 객체 타입만 정의 Interface에 대한 extends와 Class에 대한 implements 키워드를 사용하여 관계 정의 가능 type TypeCase = { n : number; } interface InterfaceCase { n2 : number; } interface Test1 extends TypeCase{}; interface Test2 extends InterfaceCase{}; class TestClass1 implements TypeCase{ ... } class TestClass2 implements InterfaceCase{ ... } 2. 차이점 Type은 선언 병합이 불가능, Interface는 선언 병합이 ..