꾸준히 공부하는 개발자

Interface interface PartialPointX { x: number; } interface Point extends PartialPointX { y: number; } //상속 Type type PartialPointX = { x: number; }; type Point = PartialPointX & { y: number; }; //상속 섞어서 상속도 가능하다. type PartialPointX = { x: number; }; interface Point extends PartialPointX { y: number; } interface PartialPointX { x: number; } type Point = PartialPointX & { y: number; }; Implements ..

string, number, array ,object 선언 방식 //기본 타입들 let num : number; num = 3; let str : string = 'hello'; let arr: (string | 3 | boolean)[] = [true, 3 ,'hello']; const obj: {a:string, b?:number} = {a:'b'}; enum 사용 //enum의 활용 enum Color {red,green,blue} let c: Color =Color.green; Color[0] === 'Red'; Color['red'] === 0; enum 같은 경우에는 select input 같은 경우에 숫자로 떨어질 때 치환하여 사용하면 아주좋을 것 같다고 생각하였다. 또 잘만쓰면 코드를 깔끔..

타입스크립트 셋팅 폴더를 하나 만들어 npm init npm i -g typescript 셋팅을 해주었다. test.ts 를 만들어 tsc test.ts 라고 쳐주면 아래에 test.js 라는 파일이 나와 ts 로 코딩을하면 js로 변환이 되어 저절로 나오게 된다. 또한 ts에서 js로 코딩을 해도 아무 상관이 없었다. 또한 watch 라는 기능을 사용하면 저장할 때마다 오류가 나온다. tsc test.ts -w 타입스크립트의 장점 ts는 예기치 못한 에러들을 컴파일로 잘잡아주며, 이미지와 같이 command + 마우스를 가져다가 위에 대면 무슨타입으로 되어있는지 다 확인 할 수 있다는 장점이 있다.