TS 관련/TypeScript

[TypeScript] 타입으로 사용되는 인터페이스(Interface)

자바에서 인터페이스라면 기능을 뺀 껍데기의 클레스이며 자식클래스에서 반드시 해당 기능들이 구현이 되어야하는 일종의 클래스로 사용이 되는데요. 타입스크립트에서는 어떻게 사용이 될까요?? function getStidentInfo(studentNumber: number): { studentNumber: number; studentName: string; age: number; gender: string; } { return null; } 이와 같이 학생 번호를 인자로 받는 함수의 리턴타입이 위의 object일때 너무 복잡하지 않나요?? 이런 복잡한 코드를 좀더 보기 편하게 바꾸어 주기 위해 인터페이스를 사용합니다. interface Student { studentNumber: number; studentNa..

[TypeScript] 타입스크립트의 타입(Type)과 타입 명시

타입 명시란 변수를 선언할 때, 변수 값의 타입을 명시하여 변수의 타입을 지정해주는 것을 의미합니다. 이전에 타입추론에서는 변수를 선언할 때 타입을 명시하지 않고 선언만 한 후 이후 초기화를 해줄때 value에 따라서 타입을 추론해주기도 했었습니다. 타입스크립트에서의 Snytax는 아주 간단합니다. let x: string = "Hello, TypeScript!"; 이처럼 변수명 x 앞에는 상수인지 변수인지를 결정하는 let, const 등을 사용하고(var는 거의 사용하지 않습니다) 뒤에 : 콜론과 타입을 명시해주면됩니다. 위의 예시에서는 x에 들어갈 타입은 string(문자열)이고 x에는 string 값만 할당될수 있게 됩니다. let aaa = 'hello'; let bbb = 123; let cc..

[TypeScript] 타입 추론(Type Inference)

정적 타이핑(Static typing) let a = 5; a = 'hell0'; 이런 코드가 있다고 가정했을때 자바스크립트에서는 에러가 발생하지 않고 a라는 변수에는 문자열 'hello'가 재할당 됩니다. 하지만 타입스크립트라면 에러를 발생시키는데요. 처음에 선언한 a를 number 타입인 5로 초기화 해주었기 때문에 타입스크립트에서는 a는 number타입이라고 타입을 추론하게 됩니다. 그렇기 때문에 컴파일 시키기 위해 tsc 명령을 사용해도 컴파일 되지 않습니다. 컴파일 시키게 되면 이와 같은 에러가 발생합니다. 이 에러는 스트링 타입은 넘버타입에 들어갈수 없다는 의미의 에러인데 let a = 5; a = 10; 이처럼 a에 숫자를 대입하게 되면 에러가 사라지는것을 볼수 있습니다. 이처럼 타입을 명시..

[TypeScript] 타입스크립트 설치하기

저는 주로 타입스크립트를 사용할때 VSCODE를 사용합니다! 또 타입스크립트를 설치하여 사용하기 위해서는 우선 node가 설치되어 있어야합니다. 노드가 설치 되어 있어야 타입스크립트 설정에 필요한 명령을 수행할수 있기 때문이죠. npm i typescript -g 터미널창에서 해당 명령을 수행하면 설치가 되는데요! 윈도우 쓰시는분들은 cmd 창에서 설치하셔도 되더라구요!( 물론 저도 윈도우 씁니다 ) 여기서 npm이란 node JS의 한 부분으로 node package manager의 약자로 여기에서는 타입스크립트를 설치 하기 위해 사용되는 도구라고만 이해하겠습니다. 또한 i는 install의 약자로 install을 사용해도 무관합니다. -g는 글로벌 옵션으로 전 영역(컴퓨터 내부 모든곳)에서 사용하겠다..

[TypeScript] 타입스크립트란?

https://www.typescriptlang.org/ JavaScript With Syntax For Types. TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code. www.typescriptlang.org 위의 사이트는 타입스크립트의 공식사이트 공식문서입니다. 무언가를 공부할때 공식문서를 보고 공부하는 것이 가장 좋다고 이야기들하죠?! 그럼 타입스크립트는 무었일까요?? 공식문서에서도 보면 타입스크립트는 타입이 입혀진 자바스크립트를..