일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- addEventListener
- 이벤트핸들링
- 리액트
- 이벤트
- input
- typeScript
- promise
- DOM
- 배열메소드
- useState
- webProject
- this 객체
- frontendstudy
- 비동기함수
- 함수 실행
- 컴포넌트
- try.. catch
- callback함수
- 렌더링
- REACT
- 배열
- HTML
- 자바스크립트
- FrontendStydy
- useRef
- Frontend Study
- 메소드 실행
- JavaScript
- CSS
- Props
- Today
- Total
이다닷
[TypeScript] Day 1 - 데이터 타입과 추론 본문
📌자바스크립트의 변수 데이터 타입 오류
ex) let myname = 'egoing';
myname = 1;
-> 이러한 문제를 사전에 막아주지 못하고, 프로그램을 하던 중 나중에 버그를 발견하게 된다. 이로 인해서 큰 문제가 생길 수가 있다.
-> 타입스크립트로 이러한 문제를 해결할 수 있다.
변수에 데이터 타입을 지정하는 방법
타입스크립트는 변수 선언 시 데이터 타입을 지정한다. 이렇게 하면 타입스크립트를 자바스크립트로 컴파일 할 때 데이터 타입에 다른 값이 할당되려 할 때 오류를 발생시켜 개발자에게 알려준다. 이를 통해서 코딩을 할 때 버그를 잡을 수 있다.
ex)
데이터 타입의 종류
number : 숫자 타입, 정수와 실수를 포함한다.
string : 문자열 타입이다.
boolean : 참(true)과 거짓(false)를 나타낸다.
null : 값이 없음을 나타낸다.
undefined : 값이 할당되지 않았으며, default를 나타낸다.
객체 타입
object : 객체를 나타내는 타입
array : 동일한 타입의 요소를 가진 배열을 나타내는 타입
tuple : 각 요소가 다른 타입을 가질 수 있는 배열 (TypeScript에만 있다.)
특수 타입
any : 어떤 타입이든 할당될 수 있다. (TypeScript에만 있다.)
unknown : 타입을 미리 알 수 없는 경우에 사용된다. 안전한 타입 검사를 위해 사용된다. (TypeScript에만 있다.)
never : 절대 발생하지 않는 값의 타입을 나타낸다. (TypeScript에만 있다.)
-> ex) 함수가 항상 예외를 발생시키거나 무한 루프를 실행할 때 사용.
타입 추론 기능
예를들어, 이런 문장이 있을 때, 명시적으로 타입을 지정하지는 않았지만, 타입스크립트 컴파일러가 초기에 할당된 값을 바탕으로 변수의 타입을 추론해준다.
위 코드에서는 age 변수에 초기 값으로 숫자 30을 할당했다. 따라서, 타입스크립트가 age 변수의 타입을 자동으로 number으로 추론한다.
'TypeScript' 카테고리의 다른 글
[TypeScript] Day 3 - TypeScript의 함수, Type Aliases (2) | 2023.11.21 |
---|---|
[TypeScript] Day 2 - Array와 Tuple, TypeScript의 객체 (0) | 2023.11.20 |