저장을 습관화
230801 TIL - TypeScript 강의 요약 및 추가 학습 자료 본문
TypeScript 강의 요약 및 추가 학습 자료
1. TypeScript
JavaScript의 상위 집합(superset)으로 정적 타입 검사를 지원한다.
더 안전하고 예측 가능한 코드를 작성할 수 있게 도와준다.
.ts 파일을 .js 파일로 컴파일하여 실행한다.
2. 기본 타입 및 고급 타입
1) JavaScript에서 파생된 기본 타입
string
number
boolean
null
undefined
2) TypeScript에 새로 추가된 타입
tuple
enum
any
unknown
3. 타입의 집합화
1) union 타입
여러 타입 중 하나를 가질 수 있는 타입을 정의할 때 사용한다.
사용 방법: 타입1 | 타입2
2) intersection 타입
여러 타입의 조합을 가질 수 있는 타입을 정의할 때 사용한다.
사용 방법: 타입1 & 타입2
타입스크립트에서의 데이터 타입 사용 방법 - boolean, number, string, array, tuple, enum
타입스크립트에서 데이터 타입 사용 대부분 자바스크립트에서의 사용법과 같다. 1. boolean(불리언) 참(true)/거짓(false) 값을 나타낸다. 사용 예시 - /src/test.ts function isValidPassword(password: string): boolean
ctrs.tistory.com
타입스크립트에서의 데이터 타입 사용 방법 2 - any, unknown, union, object literal
가변적인 타입의 데이터를 저장해야할 때 1. any string, number, boolean, tuple, enum.. 모든 타입의 최상위 타입 어떤 타입의 값이든 저장할 수 있어 어떠한 타입이 와야할지 판단하기 어려운 경우 사용
ctrs.tistory.com
4. 타입과 인터페이스의 차이
1) 타입
별칭을 사용하여 새로운 타입을 정의한다.
2) 인터페이스
객체의 구조를 정의하는데 사용한다.
클래스에서 구현할 수 있다.
객체 지향 프로그래밍 - 인터페이스
1. 인터페이스란 타입스크립트에서의 인터페이스는 객체의 타입, 객체가 가져야 하는 속성과 메서드를 정의한다. 인터페이스를 구현한 객체는 인터페이스를 반드시 준수하여야 한다는 규약이
ctrs.tistory.com
5. 클래스와 상속
1) 클래스
객체의 설계도로 사용되며 생성자, 메서드, 속성 등을 포함한다.
2) 상속
클래스 간의 관계를 정의하는 방법이다.
부모 클래스의 기능을 자식 클래스가 상속받는다.
객체 지향 프로그래밍 - 클래스
https://ctrs.tistory.com/120 메모 - 객체지향의 가장 기본적인 예시 class 붕어빵 { 내용물; 가격 = 500; constructor(내용물, 가격) { this.내용물 = 내용물; if (가격) this.가격 = 가격; } 할인() { this.가격 = this.가
ctrs.tistory.com
객체 지향 프로그래밍 - 상속
1. 상속 객체 지향 프로그래밍에서 클래스(붕어빵 틀)들 간의 관계를 정의한다. 상속을 통해 기존 클래스(베이스 클래스 or 부모 클래스)의 속성과 메서드(속이 팥인지 슈크림인지)를 물려받아 새
ctrs.tistory.com
6. 객체 지향 설계 원칙 - S.O.L.I.D
1) 단일 책임 원칙 (SRP)
한 클래스는 하나의 책임만 가져야 한다.
2) 개방 폐쇄 원칙 (OCP)
확장에는 열려 있고 수정에는 닫혀 있어야 한다.
3) 리스코프 치환 원칙 (LSP)
서브타입은 슈퍼타입을 대체할 수 있어야 한다.
4) 인터페이스 분리 원칙 (ISP)
인터페이스는 클라이언트가 필요로 하는 메서드만 제공해야 한다.
5) 의존성 역전 원칙 (DIP)
추상화에 의존해야 하며 구체화에 의존해서는 안된다.
객체 지향 설계 원칙 - S.O.L.I.D
1. S(Single Responsibility Principle, 단일 책임 원칙) SOLID 중에서 가장 중요한 사항이다. 하나의 클래스는 다른 클래스의 역할과 권한을 침범해서는 안되며, 하나의 클래스가 해야하는 역할과 권한은 해
ctrs.tistory.com
7. 추가 학습 자료
TypeScript 공식 매뉴얼
https://www.typescriptlang.org/docs/
The starting point for learning TypeScript
Find TypeScript starter projects: from Angular to React or Node.js and CLIs.
www.typescriptlang.org
TypeScript 공식 튜토리얼
https://www.typescriptlang.org/docs/handbook/intro.html
Handbook - The TypeScript Handbook
Your first step to learn TypeScript
www.typescriptlang.org
TypeScript Deep Dive 온라인 책
https://radlohead.gitbook.io/typescript-deep-dive/getting-started
시작하기 - TypeScript Deep Dive
타입스크립트는 자바스크립트로 컴파일이 되고 자바스크립트는 브라우저 또는 서버에서 실행될 것 입니다. 그래서 다음에 정의된 목록이 타입스크립트를 시작하는데 필요할 것 입니다.
radlohead.gitbook.io
'공부 > TIL' 카테고리의 다른 글
| 230808 TIL - 잘못 알고 있던 부분을 바로 잡았다. (0) | 2023.08.08 |
|---|---|
| 230807 TIL - 데이터 타입 변환, Number()와 parseInt()의 차이, .toString()과 +"" (0) | 2023.08.07 |
| 230725 TIL - 데이터 타입 enum, babel (0) | 2023.07.26 |
| 230710 TIL (0) | 2023.07.10 |
| 230706 TIL (0) | 2023.07.06 |
