공부해봅시당
[Typescript] 타입 본문
1. 원시타입
- undefined
정의되지 않음
- null
명시적으로 비어있음을 나타냄
- boolean
true, false 값 할당
- string
문자열
- Symbol
어떤 값과도 중복되지 않는 유일한 값 생성
- Numeric(Number, BigInt)
number: 모든 숫자 할당 가능, NaN(Not A Number)도 할당 가능
bigint: 타입스크립트 3.2버전부터 사용 가능, 새롭게 도입됨, number보다 더 큰 수 처리가능, number와 호환 불가
2. 객체 타입
- object
객체에 해당하는 모든 타입 유동적으로 할당 가능, 원시 타입은 호환되지 않음, 객체 타입의 any 느낌
- {}
객체 생성 시 사용, {} 빈 객체 생성 시 어떤 값도 속성으로 할당 불가
- array
하나의 타입 값만 가질 수 있음, Array 키워드 혹은 []로 선언
- type, interface
https://velog.io/@wlwl99/TypeScript-type%EA%B3%BC-interface%EC%9D%98-%EC%B0%A8%EC%9D%B4
- function
모든 함수는 객체 타입에 속함, 매개변수도 타입을 명시적으로 모두 지정해주어야 함
함수 자체의 타입 선언도 아래와 같이 가능
`type add = (a: number, b: number) => number;` 이렇게 반환값을 화살표로 정의한 것을 호출 시그니처 방식이라고 함
3. 타입스크립트에서 자바스크립트의 키워드가 해석되는 방식
값 | 타입 | |
class | Y | Y |
const, let, var | Y | N |
enum | Y | Y |
function | Y | N |
interface | N | Y |
type | N | Y |
namespace | Y | N |
출처
타입스크립트 with 리액트
https://product.kyobobook.co.kr/detail/S000210716282
우아한 타입스크립트 with 리액트 | 우아한형제들 - 교보문고
우아한 타입스크립트 with 리액트 | 주니어 프론트엔드 개발자를 위한 타입스크립트+리액트 온보딩 가이드 우아한형제들은 자바스크립트와 자체 개발 웹 프레임워크인 WoowahanJS를 사용했었다. 그
product.kyobobook.co.kr
'STUDY > Typescript' 카테고리의 다른 글
[Typescript] 타입 활용하기 (0) | 2024.08.06 |
---|---|
[Typescript] 타입 확장하기 & 좁히기 (0) | 2024.07.30 |
[Typescript] 값과 타입 (1) | 2024.07.24 |
[Typescript] 타입스크립트 타입 선언 & 종류 (24) | 2024.07.23 |
[Typescript] Typescript를 시작하기 전에 (1) | 2024.07.19 |