본문 바로가기

JavaScript18

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.
TS - type annoatation let a: number; a = 'hi'; a = 20; a의 타입을 number 타입으로 지정했다 ​ 이럴 경우 a에는 number 타입의 값만 할당 할 수 있다 ​ 따라서 배열은 let a: Array = [1,2,3] let a: number[] = [1,2,3] // 위의 방법보단 주로 이렇게 사용한다 함수도 마찬가지로 function hello(x:number) { console.log(x) } hello('hi')​ 2021. 12. 9.
JS - 전개연산자 전개연산자 전개연산자는 ... 이 키워드로 사용할 수 있다 const fruits = ['apple','banana','melon'] console.log(fruits) console.log(...fruits) function toObject(a,b,c) { return { a:a, b:b, c:c } } console.log(toObject(...fruits)) 위와 같이 ...을 사용하면 , 로 구분된 배열 데이터가 각각 전개된다 따라서 toObject 함수에 저렇게 넣게 된다면 각각 'apple','banana','melon' 이 배열 데이터가 매개변수로 각각 들어가 return 된다 이 결과를 전개연산자를 사용하지 않는다면 console.log(toObject(fruits[0],fruits[1],.. 2021. 10. 18.

티스토리툴바