[TypeScript] 기본 타입 정리

2022. 4. 16. 18:04·TypeScript/기초
반응형

변수에 타입 선언하기 

타입스크립트는 변수를 만들 때 변수의 타입을 선언할 수 있다. 

let 이름: string = 'seo'

' 변수명: 타입 ' 으로 선언이 가능하다. 

 

변수에 타입을 지정한 경우 해당 변수에 다른 타입을 할당하면 에러가 발생한다. 

var 이름 = "seo";
// 이름 = 123;                                 --- 에러

 

기본 타입 종류

자주 쓰는 타입으로 string, number, boolean이 있다. 

let 이름 :string = 'seo';
let 나이 :number = 200;
let 결혼 :boolean = false;

외에도 null, undefined 등이 있지만 자주 사용하는 타입은 아니다. 

 

array or object 타입 선언 

여러 가지 자료를 한번에 저장할 때 array 또는 object 자료형을 사용한다. 

이때, 안에 들어가는 자료도 타입 지정이 가능하다. 

let 회원들 :string[] = ['seo', 'oh']

array 타입을 지정할 때는 타입명[]으로 선언하면 된다. 

 

let 여러가지: (string | number)[] = [1, "여러가지"];

배열 안에 동시에 여러 타입을 사용하고 싶은 경우에는 변수명:(유형1|유형2|...)[] 로 선언하면 된다. 

 

let 과일: { 붉은색: string; 노란색: string } = {
  붉은색: "사과",
  노란색: "바나나",
};

object 타입을 선언할 때는 만들 유형과 동일한 속성으로 {속성: 타입, ... } 형식으로 선언하면 된다. 

 

팁 

모든 변수에 하나하나 타입을 지정하면 매우 귀찮아진다. 

타입스크립트는 기본적으로 타입을 자동으로 부여해주는 특징이 있다. 

let 이름 = 'seo';
let 나이 = 200;

이렇게만 선언하여도 자동으로 이름엔 string, 나이엔 number를 선언한 것이 된다. 

마찬가지로 array, object도 자동으로 선언해주는 복잡하게 타입을 명시할 필요는 없다. 

 

깃허브

https://github.com/SeoJaeWan/TypeScript/tree/master/Primitive%20Types

 

GitHub - SeoJaeWan/TypeScript

Contribute to SeoJaeWan/TypeScript development by creating an account on GitHub.

github.com

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'TypeScript > 기초' 카테고리의 다른 글

[TypeScript] 함수에 타입 지정하기  (1) 2022.05.08
[TypeScript] 추가 타입  (5) 2022.04.21
[TypeScript] 컴파일 시 세부 설정  (0) 2022.04.15
[TypeScript] React에서 TypeScript 사용하기  (0) 2022.04.13
[TypeScript] 타입 선언  (2) 2022.04.08
'TypeScript/기초' 카테고리의 다른 글
  • [TypeScript] 함수에 타입 지정하기
  • [TypeScript] 추가 타입
  • [TypeScript] 컴파일 시 세부 설정
  • [TypeScript] React에서 TypeScript 사용하기
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    리얼학습일기
    javascript
    리얼클래스
    CCNA
    ReactNative
    다이소
    typescript
    CSS
    react
    ChatGPT
    프로그래머스
    영어독학
    알고리즘
    덤프
    리액트
    네이버 부스트캠프
    webpack
    Docker
    네트워크
    redux
    Babel
    타입스크립트
    Node.js
    식물
    자바스크립트
    타일러영어
    영어회화
    next.js
    바질
    바질 키우기
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[TypeScript] 기본 타입 정리
상단으로

티스토리툴바