본문 바로가기

전체 글68

JS - this 키워드 this 객체(인스턴스) 참조위치를 가지고 있는 키워드입니다. const lee = ex.sample({ ~~~ }); lee.exec(() => { let hi = this; } // 여기서 this는 lee를 가리킴 1. 객체 내부에서 인스턴스 멤버임을 명확하게 하기 위해 사용 합니다 ​ 2. 주로 매개변수와 필드명이 동일할 경우 인스턴스 필드임을 명확하게 하기 위해 붙입니다. ​ 3. 중첩된 함수의 this는 글로벌 객체(브라우저에서는 window)를 참조한다 ​ [출처] JS - this 키워드|작성자 달보드레 2021. 12. 9.
TS - Tsconfig Schema # Tsconfig schema 최상위 프로퍼티들 ​ - filesDefinition - excludeDefinition - includeDefinition - compileOnSaveDefinition - extendsDefinition - compilerOptionsDefinition - referencesDefinition - typeAcquisitionDefinition - tsNodeDefinition ​ 1.compileOnSave // tsconfig.json { "compileOnSave": true, "compilerOptions": { .... } } 이럴경우 이 프로젝트에서 파일을 저장하면 컴파일을 하겠다는 옵션이다. 디폴트 값은 false 이다. 2.extends // tsconfi.. 2021. 12. 9.
TS - Compilation Context 컴파일할때 ​ 타입스크립트 파일들을 묶어서 그룹화하고 그룹화된 파일을 JS로 변환할때 TS설정들을 해준다 TS를 JS로 변환할때 어떤 파일을 컴파일 할건지 안할건지도 담겨져 있으며 TS를 JS로 변환할때 어떤 컴파일 옵션을 사용할지도 담겨 있다 ​ 그리고 이내용은 tsconfig.json에 담겨 있다 ​ https://basarat.gitbook.io/typescript/project/compilation-context [출처] TS - Compilation Context|작성자 달보드레 2021. 12. 9.
JS의 type vs TS의 type JS는 Dynamic type TS는 Static type 이다 이게 무슨 뜻이냐 하면은 TS는 개발중에 타입을 체크하지만 JS는 실제로 런타임에 들어가야지 타입을 체크하기 때문에 실제 동작전에는 알 수가 없다 ​ 이렇게 간단한 함수에서 JS는 typeof로 타입을 체크해주는 별도의 if문을 넣어야 한다 하지만 TS는 타입의 지정으로 간단하게 넘긴다. function jsFunction(a,b) { if(typeof a != 'number' || typeof b != 'number') { throw new Error('잘못된 입력!'); } return a + b; } function tsFunction(a:number,b:number) { return a + b; } 1. any , unknown an.. 2021. 12. 9.