Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- TypeScript
- create-react-app오류
- 회고
- which is behind the latest release (5.0.1).
- 구름톤
- You are running `create-react-app` 5.0.0
- Til
Archives
- Today
- Total
비전공 프론트엔드 개발자
typescript 기초 문법정리 본문
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 |