타입스크립트_02 기본타입

2023. 6. 6. 22:02·TypeScript

타입 스크립트에는 기본타입은 크게 12가지 있다.

  • Boolean
  • Number
  • String
  • Object
  • Array
  • Tuple
  • Enum
  • Any
  • Void
  • Null
  • Undefined
  • Never

String

// 문자열 타입 선언
let name: string = "jihun";

Number

// 숫자 타입 선언
let age: number = 23;

Boolean

// 불리언 타입 선언
let man: boolean = true;

Array

// 배열값이 전부 문자열일 경우 
let member: string[] = ["kim", "lee"]

// 배열값이 전부 숫자일 경우 (재너릭)
let arr: Array<number> = [1,2,3];

Object 

let member : {member1 : string, member2: string} = {member1 : "kim", member2: "lee"}

 

Tuple

배열의 길이가 고정되어 있고 각 요소의 타입이 저장되어 있는 배열 형식을 의미

let arr: [string, number] = ['hi', 10];

Void

반환 값이 없는 함수의 반환 타입이다. return이 없거나 return이 있더라도 반환하는 값이 없으면  반환 타입을 void로 지정

function printSomething(): void {
  console.log('sth');
}

function returnNothing(): void {
  return;
}

Never

수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입입니다.

// 이 함수는 절대 함수의 끝까지 실행되지 않는다는 의미
function neverEnd(): never {
  while (true) {

  }
}

 

union 

타입 2개 이상 합친 새로운 타입 

// member 변수안에는 숫자 문자만 들어올수 있다. 
let member : (number | string) = 123;

// 배열안 유니온 타입 적용하기 
let arr : (number | string)[] = [1,'2',3]
// 갹체안 유니온 타입 적용하기 
let obj  {data : (number | string) } = { data : '123' }

Any

단어 의미 그대로 모든 타입에 대해서 허용한다는 의미이다. 가능하면 안쓰는게 좋다

// any 타입 변수 선언
let anything: any = 0;
anything = 'jihun';
anything = 23;

unknown

any와 같이 모든 타입을 지정이 가능하다.  자료를 집어넣어도 타입은 그래도 unknown 이다.  가능하면 안쓰는게 좋다

let 이름: unknown = 'kim';
이름 = 123;
이름 = undefined;
이름 = [];

 

 

'TypeScript' 카테고리의 다른 글

React + TypeScript 환경에서 Styled-components를 활용한 다양한 스타일의 버튼 컴포넌트 만들기  (0) 2023.07.27
타입스크립트_01 타입스크립트란 ?  (0) 2023.06.06
'TypeScript' 카테고리의 다른 글
  • React + TypeScript 환경에서 Styled-components를 활용한 다양한 스타일의 버튼 컴포넌트 만들기
  • 타입스크립트_01 타입스크립트란 ?
jihun_BS
jihun_BS
  • jihun_BS
    Harry 개발블로그
    jihun_BS
  • 전체
    오늘
    어제
    • 분류 전체보기 (507)
      • React Native (2)
      • React (7)
      • 알고리즘 (37)
      • JavaScript (11)
      • 항해99 (12)
        • 항해 WIL (13)
      • TIL (405)
      • TypeScript (3)
      • 트러블 슈팅 (5)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    n의 배수 자바스크립트
    n의 배수
    vite svg
    vite 환경에서 svg 컴포넌트
    React-hook-form watch
    잔디 기부
    Received true` for a non-boolean attribute`mode`Warning
    다양한 스타일의 버튼 컴포넌트
    항해99
    virtualizedlists should never be nested inside plain scrollviews with the same orientation because it can break windowing and other functionality - use another virtualizedlist-backed container instead. [component stack]
    잔디 기부 캠페인
    react-native-dropdown-picker
    React-hook-form 등록 버튼 활성화
    react-native-dropdown-picker 오류
    pxemrem차이
    til
    자바스크립트
    pxemrem
    프로그래머스
    typescript 환경에서 다양한 버튼 컴포넌트
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
jihun_BS
타입스크립트_02 기본타입
상단으로

티스토리툴바