본문 바로가기
반응형

타입스크립트17

TypeScript 강좌 14. 복합형 : 배열 튜플 스프레드 사용법 복합형다른 원시형 또는 복합형을 내부에 포함하여 큰 데이터로 정의하는 데이터 자료형을 타입스크립트 「복합형」이라고 합니다. 배열, 객체 등이 이에 해당합니다. 클래스를 정의하고 만드는 인스턴스도 복합형이며, 리터럴로 정의하는 배열 및 오브젝트들을 소개합니다. 배열배열은 TypeScript에서 많이 사용되는 리터럴입니다. 스프레드 구문, 분할, 할당 등이 더해져, 다양한 방법을 구사하여 함수형 언어처럼 쓰이기도 합니다. 배열은 다음에 소개하는 개체뿐만 아니라 리터럴로 정의할 수 있는 타입스크립트 복합형 중 하나입니다. // 변수에 대입. 자료형을 부여하고 [ ] = 여기에 요소를 삽입합니다// 자료형이 똑같으면, 자료형 생략 가능합니다const years: number[] = [2019, 2020, 202.. 2020. 2. 15.
TypeScript 강좌 13. undefined, null 프리미티브 속성 undefined와 nullJavaScript / TypeScript에 undefined와 null이 있습니다. 다른 언어에는 null(또는 None, nil 이라고도 부름)만 있는 경우가 대부분이지만, JavaScript / TypeScript에는 2종류로 등장합니다. 이 가운데 타입스크립트 undefined는 정의되지 않거나 아직 값이 할당되지 않은 변수를 참조할 때, 객체의 정의되지 않은 속성에 접근하면 리턴되는 값입니다. TypeScript는 클래스 등의 형식 정의 기능이 있어 코딩이 쉽다고 알려져 있는데, "undefined 발생으로 코드를 사전에 체크해 준다"는 것이 그 이 키워드의 본질이라는 생각이 듭니다. let favoriteGame: string; // 아직 대입하지 않아서 undefi.. 2020. 2. 7.
TypeScript 강좌 12. string Literal Primitive (문자열) TypeScript string literal (스트링 리터럴)타입스크립트 string 리터럴은 문자열을 표현합니다. 작은따옴표, 큰따옴표로 묶어 표현할 수 있습니다. 작은따옴표와 큰따옴표 중간에 줄 바꿈이 들어가면 "끝이 없다"고 오류가 납니다만, 역 따옴표로 여러 줄을 묶을 수 있어서 여러 줄 텍스트를 표현할 수 있습니다. JavaScript는 UTF-16이라는 문자 코드를 채용하고 있습니다. Java와 같습니다. 이모티콘(그림 문자) 등 일부 문자열은 하나의 문자로 데이터를 취급하지 못하여 두 문자로 표현할 수 있습니다. 이를 게이트 짝(게이트 쌍)이라고 합니다. // 값을 표시 // 싱글 쿼트, 더블 쿼트, 백 쿼트로 묶기 console.log('hello world'); // 변수에 대입. 변수.. 2020. 2. 6.
Typescript 함수형 변수(declare function type) 사용법 4개 타입스크립트에는 많은 타입이 있습니다. 자바스크립트 콜백 함수 좋아하는 분들에게도 이 글은 도움이 되리라 생각합니다. Solution 1 - any가장 안 좋은 방법입니다. 변수를 any 유형으로 선언하면 나중에 다른 함수를 할당할 수도 있습니다. let a:any; a = function ():void{ console.log("It works"); } Solution 2 - Function종종 인터페이스를 디자인할 때 실제 정의 형태를 모를 수 있는데, 키워드 Function을 사용하여 유형(정의 형태)의 형태를 쉽게 확인할 수 있습니다. let a:Function; a = function ():void{ console.log("It works"); } any 보단 괜찮죠? 변수 a에 function .. 2020. 1. 29.
반응형