일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- stroybook
- 타입스크립트
- 리액트 환경설정
- 타입스크립트 tutorial
- graphql 개념
- 타입스크립트 기초
- typescript 튜토리얼
- 타입스크립트 매뉴얼
- angular trackby
- angular optimization
- typescript-react-nextjs
- graphql 설명서
- graphql
- 타입스크립트 튜토리얼
- angular 최적화
- typescript 기초
- react setting
- typescript 정독
- 프론트
- TypeScript
- 리액트 아토믹
- angular lazy loading
- 타입 스크립트
- 리액트 스토리북
- 리액트 셋팅
- 리액트 구조
- typescript manual
- react storybook
- 앵귤러 최적화
- react atomic
- Today
- Total
목록typescript(타입 스크립트) (5)
valleycho

16. 인터페이스 및 클래스 인터페이스(interface)를 통해 값이 따라야 할 제약을 타입으로 표현 할 수 있다. 인터페이스 타입을 통해 값의 형태(shape)를, 즉 값이 어떤 멤버를 가져야 하고 각 멤버의 타입은 어때야 하는지를 서술할 수 있다. 클래스(class)를 이용해 객체 지향 프로그래밍 언어와 비슷한 방식으로 코드를 구조화 할 수 있다. 타입스크립트의 클래스는 ES6에 추가된 클래스 문법의 확장으로, 접근 제어자 등의 유용한 추가 기능을 제공한다. 인터페이스 → 타입 별칭과의 차이점 타입 별칭을 이용해서 기본 타입, 배열과 튜플, 유니온 타입 등에 새로운 이름을 붙일 수 있다 (type UUID = string). 인터페이스로는 해당 타입을 표현하는 것이 불가능하다. 타입 별칭은 실제로는..
7. 기본 타입 7.1 boolean const isTypeScriptAwesome: boolean = true; const doesJavaScriptHasTypes: boolean = false; 7.2 number const yourScore: number = 100; const ieee754IsAwesome: number = 0.1 + 0.2; 7.3 null / undefined null 타입과 undefined 타입은 각각 null과 undefined라는 하나의 값만을 갖는다. 이 두 값을 자기 자신의 타입, 그리고 아래에서 언급될 void 타입 이외의 타입에 할당하려 하면 타입 에러(TS2322: Type 'null' is not assignable to type 'number' 등)가 발생한..

5. 원소 순회 5-1. for-in 5-2. forEach → ES5부터 ForEach 메소드가 추가, 이 메소드는 배열의 원소를 인자로 받는 콜백 함수를 인자로 받아, 배열내의 각 원소에 대해 해당 콜백을 실행한다. → [참고 2]의 예제를 보면 이해할 수 있는데, 배열의 원소, 즉 ,langs나 langs2의 배열의 원소를 인자로 받아서 출력하는 결과를 확인 할 수 있다. 단점은 반복문 중간에 break 혹은 return 등을 사용해 실행흐름을 제어할 수 없다. 5-3. for-of → ES6버전에서는 ForEach(ES5 버전)의 단점인 반복문 중간에 break 혹은 return등의 실행흐름을 제어할 수 없다는 단점을 보완하기 위해 추가되었다. - for-of 문법과 for-in 문법의 차이점 f..

3. 함수 함수를 다른 함수의 인자로 넘길 수도 있고, 함수가 함수를 리턴하기도 하는 등 함수가 다른 문자열, 숫자 등의 값과 동일하게 취급된다. 때문에 함수는 자바스크립트 프로그래밍에서 가장 핵심적인 역할을 차지한다. 3-1. 기본 매개변수 → ES6 이전 버전은 매개변수 값이 없으면 그거에 따른 예외처리를 해줘야하는 번거로움이 있었지만 ES6버전 이후부터는 1번째 줄에 기본 값을 선언하면 함수를 호출할 때 매개변수 값이 없어도 자동 세팅되어 [참고 1]과 같은 결과 값이 출력된다. 3-2. 화살표 함수 → function () {...} (ES5 버전)에서의 내용이 더 간단하게 사용하기 위하여, () => {...}(ES6 버전)으로 변형됬다. → getNames()를 호출하면 a.getName()은..

TS 안의 JS가 포함되므로 TS 및 JS의 관한 내용을 필자는 함께 포함해서 작성할 것이다. 매뉴얼 순서는 순차적으로 ECMAScript -> typescript 순서이지만 ECMAScript에 typescript를 접목시켜서 작성할 것이다. 타입스크립트 환경설정이 귀찮다면, 연습용 사이트로 바로 아래 링크를 추천! www.typescriptlang.org/play?#code/PTAEHUFMBsGMHsC2lQBd5oBYoCoE8AHSAZVgCcBLA1UABWgEM8BzM+AVwDsATAGiwoBnUENANQAd0gAjQRVSQAUCEmYKsTKGYUAbpGF4OY0BoadYKdJMoL+gzAzIoz3UNEiPOofEVKVqAHSKymAAmkYI7NCuqGqcANag8ABmIjQUXrFOKBJMggBcI..