FrontEnd/Type Script (3) 썸네일형 리스트형 타입스크립트 복습하기 //리턴 타입을 지정해주지 않아도 타입스크립트가 추론해준다function add (a:number, b:number){ return console.log(a+b);}//같은 로직의 arrow const addArrow = (a:number, b:number) =>{ return console.log(a+b);}addArrow(1,3);//numberType 이라는 타입을 만들어 지정//이렇게 쓰면 다른데에서도 쉽게쓸수있지않을까 ?type numberType = (a:number, b:number) => number;//인자 이름은 어차피 그냥 이름이라 바뀌어도 상관없다.const useAdd : numberType = ( a, b ) =>{return (a+b) };const useMinus : nu.. [TS] interface //타입 을 지정할때 사용 type User = { [name: string]: string, } //형태를 지정해줄때사용 type Player ={ name : string, playType : 10 | 11 | 20, } //위와 비슷 - interface interface Player2{ name: string, age: number } // 두 방법 다 타입으로 설정하면 해당 타입의 모든 요소를 조건에 맞게 다 구현해야한다. const penguin: Player = { name: "penguin", playType: 10 } const heejun: Player2 ={ name: "Penguin", age: 30, } interface Player { name: string, age: numbe.. [TS]Type Script 를 써야하는 이유. Java Script 의 이상한 점 Java Script는 아주 flexible한 언어이다 조금 지나치게..? 뻔히 에러가 나는 코드 이지만 일단 실행시켜서 값을 맘대로 도출해주거나 이미 실행하고 난 다음 에러를 띄워준다. // arr + boolean = string..? [1,2,3] + false '1,2,3, false' 위와 같이 array 와 boolean은 더할(+)수가 없는데, 자바스크립트는 이걸 구지구지구지구지 연산해서 보여준다..그 결과 string 이 되어 이상한 게 되었다. // d 라는 함수는 인자를 두개 받고 a와 b를 나누어서 값을 리턴한다 function d (a,b){ return a/b; } d('123'); NaN 이와 같이 매개변수를 두갤 받는 함수이지만 하나만 받아도.. 이전 1 다음