[코딩애플] 3.Type Script

타입스크립트 기본 타입 정리 (primitive types)

🍎 변수 만들 때 타입정하기 (타입 실드씌우기)

타입스크립트는 변수의 타입을 지정가능

let 이름: string = 'kim
// 이름 = 123; 오류

 

자주 쓰는 타입

primitive types : string, number, boolean

let 이름 :string = 'kim'; // 대문자 String 아닙니다 소문자 string임
let 나이 :number = 20;
let 결혼했니 :boolean = false;

 

array 또는 object 자료 안에도 타입 지정가능

여러 자료를 한 곳에 저장하고 싶을 때 array 또는 object 자료형을 사용

자료형 안에 들어갈 자료들도 전부 타입지정이 가능

 

array 형 자료 타입

let 회원들 :string[] = ['kim', 'park']

array 자료 : 타입명[]

 

object 형 자료 타입

let 내정보 : { age : number } = { age : 20 }

object 자료 : { a : 타입명, b : 타입명 ... }

 

let 이름 : string = 'kim';
이름 = 30;

 

다른 타입 지정시 에러

Type 'number' is not assignable to type 'string'.(2322)

---

오늘의 프로 팁은!

변수 생성시 타입스크립트가 타입을 자동으로 부여해주기 때문에 모든 변수에 타입지정할 필요 없음

let 이름 = 'kim';
let 나이 = 20;
// 변수명에 마우스 올려보면 바로바로 확인가능

 

array, object 만들 때도 자동으로 알아서 됨

let 이름;
이름 = 'kim';

변수만 만들고 나중에 가서 여기에 'kim'을 할당해도 타입이 자동으로 string으로 변함

그래서 간단한 변수들은 타입을 생략 가능 함

 

팁!

에러 메세지는 tsc -w 명령어 실행중인 터미널 나옴.

간결하게 보고 싶으면 problems 탭 클릭!

---

🍏 Q1. 여러분의 이름, 나이, 출생지역을 변수로 각각 저장해봅시다. 

물론 타입도 알아서 지정해보십시오. 이건 쉬우니 답은 없습니다.

 

답.

var user :string = '홍길동';
var age :number = 30;
var home :string = '서울';

 

🍏 Q2. 여러분이 가장 좋아하는 곡과 가수이름을 변수에 object 자료형으로 담아보십시오.

object 안엔 노래 제목과 가수이름이 들어가면 됩니다. 근데 제목과 가수는 문자만 들어올 수 있어야합니다.

 

답.

var sing :{ singer :string, song :string } = {singer : '루시', song : '개화'};

 

🍏 Q3. 다음과 같이 생긴 자료의 타입지정을 해보도록 합시다.

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

 

답.

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

---

참고 사이트 : https://codingapple.com