Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

비전공 프론트엔드 개발자

typescript 기초 문법정리 본문

TypeScript

typescript 기초 문법정리

JJ_hyun 2022. 10. 23. 16:45
let num: number;
num = 2;

let userName: string;
userName = "jun";

let isBoolean: boolean;
isBoolean = true;

function addNumber(a: number, b: number) {
  return a + b;
}

let data = addNumber(2, 5);

변수에 타입을 지정할 수 있다. 

타입지정과 선언을 동시에 할 수 있다. 

 

배열의 값도 타입을 지정할 수 있다. 

let names: string[]; // 배열의 타입

names = ["jon", "jade", "something"];

names 변수에 숫자타입을 넣게 되면 오류가 뜬다..!

 

***

any 타입에 관하여.

let person:any

타입을 any 로 지정하게 되면 모든 타입을 허용한다는 뜻이다. 

이렇게 될 경우 타입스크립트를 사용하는 이유가 없어진다. 따라서 any 타입은 지양해야 한다. 

***

 

객체를 사용할 때는 키에 타입을 지정한다. 

let person: {
  name: string;
  age: number;
  married: boolean;
};

person = {
  name: "jun",
  age: 29,
  married: false,
};

 

 

배열안에 객체를 선언하고 싶은 경우 { }뒤에 [ ]를 붙여준다. 

let people: {
  name: string;
  age: number;
  married: boolean;
}[];

people = [
  { name: "hyun", age: 29, married: false },
  { name: "jun", age: 30, married: true },
];

 

'TypeScript' 카테고리의 다른 글

TypeScript의 기초 개념2  (0) 2022.10.24
TypeScript의 기초 개념  (0) 2022.10.23