일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 렌더링
- frontendstudy
- REACT
- promise
- DOM
- 비동기함수
- HTML
- 배열메소드
- 함수 실행
- useState
- 배열
- 이벤트핸들링
- 메소드 실행
- useRef
- 리액트
- this 객체
- typeScript
- 이벤트
- addEventListener
- CSS
- 컴포넌트
- FrontendStydy
- Frontend Study
- 자바스크립트
- callback함수
- input
- Props
- try.. catch
- webProject
- JavaScript
- Today
- Total
목록TypeScript (3)
이다닷
TypeScript에서 함수의 데이터 타입 방법 1 : 매개변수와 반환 값의 데이터 타입 지정 function add(a: number, b: number): number { return a + b; } 함수 add를 생성할 때, number 타입인 a, b를 받고, a + b의 값을 반환한다. a: number, b: number을 통해서 a, b의 데이터 타입을 선언하였고, : number을 작성함으로써 반환값의 데이터 타입을 지정하였다. 방법 2 : 선택적 매개변수 사용하기 일부 매개변수를 선택적으로 받고싶을때 매개변수 뒤에 '?'를 작성한다. 이렇게 하면 매개변수를 받을지 받지 않을지 선택할 수 있다. function greet(name: string, greeting?: string): stri..
TypeScript에서의 Array와 Tuple의 데이터 타입 1. Array 타입 배열 선언 방법 (1) // 첫 번째 방법: 타입 + [] let arr1: number[] = [1, 2, 3]; 배열 선언 방법 (2) // 두 번째 방법: Array let arr2: Array = [1, 2, 3]; 2. Tuple 타입 Tuple 선언 방법 let tuple: [string, number, boolean] = ['Hello', 42, true]; Array와 Tuple의 차이점 Array - 길이가 가변적이며, 동일한 타입의 요소로 구성된다. Tuple - 길이가 고정되어 있으며, 각 요소의 타입이 정해져 있다. JavaScript에는 없는 데이터 타입이며, TypeScript에서만 사용 가능하다..
📌자바스크립트의 변수 데이터 타입 오류 ex) let myname = 'egoing'; myname = 1; -> 이러한 문제를 사전에 막아주지 못하고, 프로그램을 하던 중 나중에 버그를 발견하게 된다. 이로 인해서 큰 문제가 생길 수가 있다. -> 타입스크립트로 이러한 문제를 해결할 수 있다. 변수에 데이터 타입을 지정하는 방법 타입스크립트는 변수 선언 시 데이터 타입을 지정한다. 이렇게 하면 타입스크립트를 자바스크립트로 컴파일 할 때 데이터 타입에 다른 값이 할당되려 할 때 오류를 발생시켜 개발자에게 알려준다. 이를 통해서 코딩을 할 때 버그를 잡을 수 있다. ex) let myname = 'egoing'; // 오류 발생 myname = 1; 데이터 타입의 종류 number : 숫자 타입, 정수와 ..