jee's coding story

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! 제네릭(Generic) 지금까지 boolean, string, number 등에 대해 알아보았었는데, 이러한 타입을 구체 타입이라고 한다. 구체 타입은 변수에 전달 될 타입을 정확하게 알고 있으며 실제로 이 타입이 전달되었는지 확인할 때 사용된다. 그러면 이와 반대로 어떤 타입이 사용될지 미리 알 수 없을 때 는 어떻게 해야 할까? 바로 제네릭(Generic)을 이용해서 해결할 수 있다. 함수를 정의하기 위해 타입을 정의해야 한다고 하자. 매개변수의 타입을 정의할 때 지금은 어떤 타입이 올지 알 수 없고, 누군가 함수를 호출 또는 정의할 때 ..

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! Class(클래스) 클래스는 같은 구조로 이루어진 객체를 쉽게 생성할 수 있도록 해준다. 즉, 클래스를 사용하면 동일한 구조, 동일한 클래스를 기반으로 하는 동일한 메서드로 여러 객체를 빠르게 복제할 수 있는 것이 장점이다. 객체는 클래스의 인스턴스이며 클래스는 객체의 형태, 포함해야 할 속성과 메소드를 정의하는 데 도움을 준다. 따라서 클래스는 객체의 생성 속도를 높여주는, 객체 리터럴 표기법을 사용하는 것에 대한 대안 이다. 타입스크립트에서 클래스를 정의하는 방법은 다음과 같다. 클래스 내에서 사용할 변수(클래스의 속성)를 상단에 타입과 ..

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! 함수의 타입 정의하기 함수의 타입을 정의할 때 Function을 사용하지 않는다. 왜냐하면 Object에 모든 객체가 담기는 것 처럼 모든 함수의 타입을 뜻하며 특정 함수와 타입에 대해서는 알려주지 않기 때문이다. 만약 다음과 같은 함수를 정의하기 위해선 어떻게 해야할까? function sum (a: number, b: number): number { return a+b; } 매개변수의 타입과 반환 타입을 사용하여 표현할 수 있다 (a: number, b: number) => number 책에서는 이를 (단축형) 호출 시그니처 또는 타입 시..

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! 함수의 파라미터 타입 정의 (파라미터 = 매개변수) 함수를 타입스크립트에서 정의할 때 함수의 파라미터는 명시적으로 타입을 정의하며 반환 타입은 추론하도록 둔다. 타입스크립트는 몇가지 특수한 상황을 제외하고는 매개변수 타입은 추론하지 않고, 명시적으로 정의한 매개변수를 통해 반환 타입은 자동으로 추론하기 때문이다. 매개변수를 선언할 때 선택적으로 선언할 수도 있다. 선택적 매개변수를 작성하기 위해서는 가장 마지막에 물음표 표시와 함께 작성하면 된다. function log(message:string, userId?: string) { let t..

🔍 글을 시작하기 전에 해당 글은 타입스크립트 프로그래밍 책과 유데미 타입스크립트 강의를 공부하여 정리한 글입니다. 수정해야 할 부분이 있다면 언제든지 알려주세요! 터미널에서 typescript로 컴파일 하는 방법 [TS CLI 옵션 문서] 타입스크립트 파일을 작성하고 컴파일하면 자바스크립트 파일이 생성된다. 먼저 터미널에서 타입스크립트를 설치해줘야 컴파일이 가능하기 때문에 설치를 해준다. $ npm install -g typescript or $ yarn global add typescript index.ts 파일을 생성하고 코드를 작성한 다음, 터미널에서 tsc index.ts를 실행하면 컴파일 된 자바스크립트 파일을 확인할 수 있다. 하지만 이 실행 방법의 단점은 ts파일을 수정할 때마다 저장하고 ..