typescript 설치 : npm i -g typescript [이때 -g는 글로벌(컴퓨터의 전체)에 설치한다는 의미]
공식 홈페이지 : https://www.typescriptlang.org/
playground 탭에서 직접 설치하기 이전에 어떻게 실행되는지 확인 할 수 있다
powershell에서는 특정 기능이 막혀 있어서 추가설치를 하거나 cmd로 확인해야 한다(Command Prompt)
해당 폴더까지 접근한 뒤 tsc ts파일명 을 하면 js로 바꾸어진다. 그다음에 node js파일명 을 하면 콘솔창에 띄워준다
tsc -w(watch) ts파일명
함수 관련 설명
기본 형태 : function 함수이름(매개변수:변수종류){함수식}
js에서 변수종류를 설정하지 않았기 때문에 만약 a+b 출력 시 1+2=3이 되지만 ‘1’+’2’=’12’가 되는 오류가 발생하는데 이 부분을 막아줄 수 있다.
함수에서 매개변수에 ?를 붙이면 값이 없다면 안쓴다는 의미가 된다.
에서 예를 들어 function sum(a:number, b?:number){return a+b;}인 경우 sum(10)만 해도 값이 나온다.
얼마나 많은 값들이 올지 모를 경우 …으로 배열 형태로 받아와서 쓰는 방법도 있다
https://joshua1988.github.io/ts/guide/functions.html#rest-%EB%AC%B8%EB%B2%95%EC%9D%B4-%EC%A0%81%EC%9A%A9%EB%90%9C-%EB%A7%A4%EA%B0%9C%EB%B3%80%EC%88%98
예시
function restnumber(a:number,...b:number[]){
let total=0;
for(let key in b){
total+=b[key];}
return a+total;}
console.log(restnumber(1))=1 / console.log(restnumber(1,2,3)=6
이 경우는
function restnumber(a:number,b?:number){return a+b;}
console.log(restnumber(1))=NaN(이유는 b가 undefined가 되어서 숫자가 아니게 되기 때문)
console.log(restnumber(1,2,))=3(정상작동)
인터페이스 : https://joshua1988.github.io/ts/guide/interfaces.html#%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4
interface 인터페이스이름{속성?:타입}형태