공부해봅시당

[Typescript] 타입 본문

STUDY/Typescript

[Typescript] 타입

tngus 2024. 7. 20. 15:59

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