변수 타입지정하기

choi seung-i·2023년 3월 8일
0

TS로그

목록 보기
2/7
post-thumbnail

대충 사용하고있었던 것 같은 TS를 좀더 잘 사용하기위해 처음부터 기본을 다져보기로 마음먹고
강의와 책을 겸하며 이해한데로 적어보자 :)

기본중의 기본!

js에서의 변수 선언문을 확장하여 타입주석을 달아줄 수 있다.

  • let과 const

    let a1: string
    let a2: string = "hellow"
    
    const b: string = "hellow"
  • 타입은 소문자로 시작 (대문자로 시작하는 String, Number는 다른거임)

    const a: string = "5";
    const b: number = 5;
    const c: boolean = true;
    const d: undefined = undefined;
    const e: null = null;
    //... 생략
  • 객체의 경우 변수옆에 바로 지정해줘도 되지만 interface나 type을 사용하여 별도 지정을 해준 후 쓸수도 있다.

    const o: object = {};
    
    const obj: {name:string, age:number} = {name: "sseung", age: 33}
    
    interface Obj {
      name: string;
      age: number;
    }
    const obj: Obj = {name: "sseung", age: 33}
    
    // 다만, 아래처럼 타입으로 지정해 준 속성이 없다면 오류남
    const obj: Obj = {name: "sseung"} //age가 없음
    const obj: Obj = {age: 33} //name이 없음

템플릿 문자열 사용이 가능

let count: number = 10;
let message: string = "your count";

const result = `${message} is ${count}`;

// your count is 10

공부하며 정리&기록하는 ._. 씅로그

profile
Front-end

0개의 댓글