| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 정처기
- 바닐라js
- 타입스크립트
- 백준10798
- 리액트
- zustand
- 이벤트버블링
- 정처기필기
- 백준10815
- 백준2501
- 자바스크립트
- 정처기실기
- 백준
- react
- 코테
- 투두리스트
- NextJs
- styled-components
- 파이썬
- Vue
- 백준5086
- 코딩테스크
- JavaScript
- JS
- TypeScript
- 정보처리기사
- 10815
- 코딩테스트
- Vue3
- reactrouter
- Today
- Total
목록TypeScript (3)
윤시의 블로그
열거형(Enum)열거형(enum)은 타입스크립트에서 특정 값들의 집합에 이름을 부여해 가독성과 유지보수성을 높이는 데 사용한다. 일반적으로 상수들의 묶음을 정의할 때 유용하다.왜 열거형을 사용할까?숫자나 문자열 값들에 의미있는 이름을 붙여 가독성을 높임상수값들을 일관되게 관리하기 위해서1. 숫자 열거형숫자 열거형은 기본적으로 값이 0부터 시작하며, 값이 자동으로 1씩 증가한다.enum Direction { Up, // 0 Down, // 1 Left, // 2 Right // 3}console.log(Direction.Up); // 출력: 0console.log(Direction.Right); // 출력: 3→ 값을 명시하지 않으면, 0부터 시작해 1씩 자동 ..
제네릭(Generics)이란?제네릭이란 타입을 일반화하여 여러 타입에서 재사용 가능한 코드를 작성할 수 있도록 하는 TypeScript의 기능이다. 제네릭은 코드를 작성하는 시점에 타입을 미리 정하지 않고, 사용하는 시점에 타입을 지정할 수 있게 한다. 제네릭의 기본 구조function getValue(value: T): T { return value;}T는 타입 매개변수(Type Parameter)로, 함수가 호출될 때 구체적인 타입으로 대체된다.getValue 함수는 호출하는 시점에 전달된 값의 타입을 기반으로 동작한다. 제네릭의 특징1. 다양한 타입에 대응 가능const result1 = getValue(100); // T가 number로 대체됨const result2 = getValue("tes..
1. Union Typestring 또는 number와 같이 다양한 타입을 허용하고 싶다면, | 연산자로 정의한다.변수의 타입은 할당 시점에 하나로 좁혀진다.let 이름 : string | number = "kim";let 나이 : (string | number) = 100;//Array와 Object에도 적용var 어레이 : (number | string)[] = [1,"2", 3];var 오브젝트 : {data : number | string} = { data : "123"); 2. any 타입어떤 자료든 할당 가능, 타입체크 해제남발하면 타입 안정성이 떨어짐let 이름 : any = "kim";이름 = 123;이름 = [];3. unknown 타입any와 비슷하지만 더 안전한 타입unknown 타입..