[TypeScript] 기본 타입 정리 (Primitive types)

만분의 일·2022년 8월 19일
0

TypeScript

목록 보기
2/7
post-thumbnail

TypeScript의 기본 타입

  • TypeScript의 기본 타입에는 크게 다음 12가지가 있다.
    • Boolean, Number, String, Object, Array, Tuple, Enum, Any, Void, Null, Undefined, Never
let name :string = "lee";
let age :number = 50;
let married :undefined = undefined; undefined, null type도 있다.

let members :string[] = ["kim", "park"]
let object :{a:string} = {a : "123"} //변수 object에는 {a:string}과 같은 type만 들어올 수 있다. 

  • Union type: Array에 여러 type을 넣고 싶을 때 이용하면 된다. 유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입입니다.

  • object(객체) 자료형: 변수 하나에 여러자료를 집어 넣고 싶을 때 사용할 수 있다.
// 변수 members엔 object만 들어올 수 있다. 
// 그리고 member1은 string, member2는 string
let members :{member1:string, member2:string} = {member1: "kim", member2: "park"}


✅Q1. 이름, 나이 출생지역을 변수로 각각 저장해보기

My Code:

const name: string = "jin";
const age: number = 28;
const location: string = "seoul";

✅Q2. 가장 좋아하는 곡과 가수이름을 변수에 object 자료형으로 담아보기

My Code:

const fav :{song :string, artist :string} = {song  : "thriller", artist : "jackson"}

✅Q3. 다음과 같이 생긴 자료의 타입 지정을 해보시오

let project = {
  member : ['kim', 'park'],
  days : 30,
  started : true,
}

First My Code (error):

type typeFix = {
  member: [string];
  days: number;
  started: boolean;
};

let project: typeFix = {
  member: ["lee", "jin"],
  days: 30,
  started: true,
};

Second My Code:

let project: { member: string[]; days: number; started: boolean } = {
  member: ["lee", "jin"],
  days: 30,
  started: true,
};

What I learned?

✅ 직접 코드를 쳐보는 연습을 함으로써 typescript로 object 자료형을 다루는데 조금 더 익숙해질 수 있었습니다.

profile
1/10000이 1이 될 때 까지

0개의 댓글