본문 바로가기
반응형

TypeScript 강좌11

TypeScript 강좌 16. 복합형 객체, JSON, MAP 사용 방법 객체TypeScript 객체는 JavaScript의 핵심 데이터입니다만, 클래스 등을 정의하지 않고 편하게 한 데이터만 처리할 때 사용합니다. 배열 요소에 액세스하는 방법은 인덱스(숫자)지만, 오브젝트는 문자열입니다. 키, 이름이 변수 등에서 사용할 수 있는 문자만으로 구성되었다면, 이름(문자열)을 그대로 쓸 수 있습니다. 하지만, 공백이나 마이너스 등을 포함하는 경우엔 큰따옴표나 작은따옴표로 묶어야 합니다. 또한, 키 이름에 변수를 쓴다면 [ ]로 묶습니다. const key = 'favorite drink'; const smallAnimal = { name: "작은동물", favorite: "작은옷", 'home town': "관악구 경찰서 있는 곳", [key]: "스트링 제로"}; // 참조는 '.. 2020. 2. 21.
TypeScript 강좌 15. 복합형 for of 및 iterable 반복자 루프는 for ... of 사용루프 작성 크게 3가지 방법이 있습니다. C언어에서 유래한 루프는 예전부터 존재했고 루프 사용 시 변수가 필요합니다. Typescript forEach()는 ES5에서 추가되었고, 언어 사양의 업데이트와 함께 for ... of 구문도 추가되었습니다. 이 구문은 Array, Set, Map, String 등의 반복 가능한(iterable) 객체(오브젝트)를 대상으로 루프가 돕니다. 배열의 경우 인덱스 값이 필요한 경우 entries() 메소드를 사용합니다. 타입스크립트 코드를 함수형 스타일로 통일하기 위해 for ... of를 금지하고, forEach()만 사용한다는 코딩 표준을 정하는 회사도 있습니다(Airbnb). var iterable = ["김일성", "원균", "기.. 2020. 2. 18.
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.
반응형