타입스크립트

앞서 작성한 포스팅(https://s-ryung.tistory.com/15)과 연관성이 높습니다. [TYPESCRIPT] Class를 이용해서 객체지향 프로그래밍 해보기 Classes 클래스를 사용하며 타입스크립트로 객체지향 프로그래밍을 해보자! 클래스 자체에 대해서는 딱히 설명하지 않을 예정이니 자바스크립트에서의 클래스를 우선 공부하면 좋다. private / prote s-ryung.tistory.com Interfaces 앞서 배운 Type과 비교할 일이 많은 인터페이스 인터페이스는 object의 모양을 알려주는 방법이다. Type vs Interface : 용도 type의 용도는 크게 3가지가 존재하는데, object의 모양을 알려주는 용도가 셋 중의 하나이다. 반면에 interface의 용도는 ..

Classes 클래스를 사용하며 타입스크립트로 객체지향 프로그래밍을 해보자! 클래스 자체에 대해서는 딱히 설명하지 않을 예정이니 자바스크립트에서의 클래스를 우선 공부하면 좋다. private / protected / public class Player { constructor( private firstName: string, protected lastName: string, public nickName: string ) {} } const ryung = new Player("ryund", "lee", "이령"); // ryung.firstName // 에러 // Property 'firstName' is private and only accessible within class 'Player'. // ry..

Call Signatures 함수 위에 마우스를 올렸을 때보여지는 내용이 함수의 콜 시그니쳐 function add(a: any, b: any):any 와 같은 부분을 말한다. Call Signatures는 함수의 매개 변수(인자)의 타입과 return 되는 반환값의 타입을 지정한다. function add(a, b){ // Parameter 'a'/'b' implicitly has an 'any' type return a + b } 위의 경우 인자인 a와 b에 별도의 타입 지정을 해주지 않아 any임을 경고한다. 이는 각 인자에 타입을 지정해줌으로써 해결 가능하다. // argument에 number 타입 지정해줌 function add(a: number, b:number) { // function a..

Basic Types 기본적인 number, string, boolean 등의 타입을 지정해줄 때 : 콜론 을 이용한다 let a: number = 1; let b: string = "i1"; let c: boolean = true 배열에 기본 타입 지정하기 배열에 타입을 지정하길 원하는 경우, 기본 타입 지정 다음에 배열 표시로 [ ] 를 붙여준다. 해당 타입 요소들로 배열을 만들겠다는 의미이다. // array let d: number[] = [1, 2]; let e: string[] = ["hello", "world"]; let f: boolean[] = [true]; 물론, 변수를 사용할 때 꼭 타입 지정해줄 필요는 없다. 어떤 때에는 typescript가 스스로 타입을 추론하도록 하는게 좋을 수..

추론적 타입 vs 명시적 타입 C나 C++ 같은 언어에서는 모든 것의 타입을 지정해줘야만 한다. 예를 들어 새로운 변수를 생성한다면 그 변수의 타입을 꼭 명시해줘서 "그 변수는 number고 항상 number일 것이다" 하고 컴파일러에게 알려줘야만 한다. 그에 반해 타입스크립트는 데이터와 변수의 타입을 명확하게 정의할 수도 있고 : 명시적 타입 (Explicit Types) 자바스크립트처럼 변수만 생성하고 넘어가도 된다 : 추론적 타입 (Implicit Types) 타입스크립트는 알아서 타입을 추론해주기 때문. 소스 코드로 명시적 타입과 추론적 타입을 비교하자면 아래와 같다. // 추론적 (Implicit Types) let a = "hello"; // a는 "hello"라는 문자열을 가지는 것으로 보아..

TypeScript 타입스크립트, TS, 타스라고 불리우는 언어로 공식 문서에서는 Strongly Typed Programming Langauge 라고 소개한다. 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 해석하자면 자바스크립트에 타입을 강하게 부여한 언어이다. Type? 타입이란 자료형을 의미한다. 자바스크립트에서 사용되던 ..