일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- next.js
- 프론트앤드
- 프론트앤드 사이드프로젝트
- useMemo
- typescript
- javascript 수학
- Union Type
- 프론트앤드 기초
- frontend
- 리액트
- CSS
- 리터럴타입
- html
- react
- 개발일기
- 타입스크립트
- intersection type
- 프론트앤드개발자
- 자바스크립트
- 프론트앤드개발
- 프론트앤드 개발자
- 리액트기초
- prompth
- 유니온타입
- 인터섹션타입
- useCallback
- 채팅개발
- react기초
- javascript
- 타입스크립트 기초
- Today
- Total
목록typescript (8)
404 page not found : 기록장
Typescript에서 타입을 정의할 때, 리터럴 타입을 사용할 수 있습니다. 리터럴 타입은 값 자체를 타입으로 사용하는 방법으로, 타입스크립트에서 고유한 기능입니다. 문자열 리터럴 타입 문자열 리터럴 타입은 문자열 값을 타입으로 사용하는 방법입니다. 예를 들어, 아래와 같이 선언할 수 있습니다. let fruit: 'apple' | 'banana' | 'orange'; 위 코드에서 fruit 변수는 'apple', 'banana', 'orange' 중 하나의 값을 가질 수 있습니다. 이외의 값은 모두 에러가 발생합니다. 숫자 리터럴 타입 숫자 리터럴 타입은 숫자 값을 타입으로 사용하는 방법입니다. 예를 들어, 아래와 같이 선언할 수 있습니다. let evenNumber: 2 | 4 | 6 | 8 | 1..
Typescript는 Javascript의 상위 집합으로 정적 타입을 지원합니다. 이는 개발자의 코드 작성 시간에 오류를 미리 방지할 수 있습니다. 이번에는 Typescript에서 제공하는 Union Type과 Intersection Type에 대하여 알아보겠습니다. Union Type Union Type은 두 개 이상의 타입을 허용하는 타입입니다. | 기호를 사용하여 타입을 연결할 수 있습니다. let value: string | number; value = "hello"; // string type value = 123; // number type Union Type은 두 개 이상의 타입을 허용하는 타입입니다. 예를 들어, string과 number 타입을 가지는 변수를 선언할 때, | 기호를 사용하..
Typescript는 자바스크립트의 상위 집합 언어로, 정적 타입을 지원합니다. 이는 함수 작성과 호출에 있어서 유용한 기능입니다. 함수 작성 방법 Typescript 함수를 작성할 때, 함수의 매개변수와 반환값의 타입을 명시해줍니다. 이를 통해 코드의 가독성을 높이고, 개발자들 간의 협업을 원활하게 할 수 있습니다. 예를 들어, 다음과 같이 add 함수를 작성할 수 있습니다. function add(x: number, y: number): number { return x + y; } 이 함수는 두 개의 number 타입 매개변수를 받아들이고, number 타입 값을 반환합니다. 만약 매개변수의 타입이 잘못 전달된 경우, Typescript에서는 컴파일 에러를 발생시켜 알려줍니다. Typescript 함..
타입스크립트에서 any와 unknown은 둘 다 타입을 선언할 때 사용되는 키워드입니다. 그러나 두 키워드는 서로 다른 방식으로 작동합니다. Any any는 모든 유형의 값을 나타내는 데 사용됩니다. 이는 변수의 유형이 무엇이든 간에 변수가 어떤 유형의 값을 가질 수 있다는 것을 의미합니다. 따라서 any는 타입 검사를 통과하기 쉽지만, 컴파일러가 타입 검사를 수행하지 않으므로 코드에서 오류를 발생시킬 수 있습니다. let example: any = "hello"; example = 42; example = true; 위 예제에서 example 변수는 문자열, 숫자 또는 boolean 값을 가질 수 있습니다. Unknown unknown은 any와 비슷하지만, 사용하기 전에 유형을 검사해야 합니다. 이는..
Typescript는 Javascript의 상위 집합으로 정적 타입을 지원합니다. 이는 개발자의 코드 작성 시간에 오류를 미리 방지할 수 있습니다. 이번에는 Typescript에서 제공하는 Union Type과 Intersection Type에 대하여 알아보겠습니다. Union Type Union Type은 두 개 이상의 타입을 허용하는 타입입니다. | 기호를 사용하여 타입을 연결할 수 있습니다. let value: string | number; value = "hello"; // string type value = 123; // number type Union Type은 두 개 이상의 타입을 허용하는 타입입니다. 예를 들어, string과 number 타입을 가지는 변수를 선언할 때, | 기호를 사용하..
Type과 Interface는 TypeScript에서 둘 다 타입 선언을 할 수 있는 구문이다. 하지만 두 구문은 목적과 의미가 조금씩 다르다. Type Alias Type은 타입 별칭이라고도 부르며, 특정 타입에 이름을 붙여줄 수 있다. 이를 통해 타입을 더 직관적으로 표현할 수 있으며, 코드 가독성을 높일 수 있다. 예를 들어, 다음과 같이 사용할 수 있다. type Person = { name: string; age: number; } 이렇게 정의된 Person 타입은, 이후에 다른 타입처럼 사용할 수 있다. const person: Person = { name: 'John', age: 30, } Interface Interface는 인터페이스로써, 객체의 구조를 정의한다. 즉, 객체가 가져야 할 ..
Typescript의 기본 Type Typescript는 Javascript의 Superset으로서, Javascript의 모든 기능을 포함하고 있습니다. 뿐만 아니라, 정적 타입 체크를 지원하는 등 타입 시스템이 강화되어 있습니다. 이번 포스트에서는 Typescript에서 제공하는 기본 타입에 대해 알아보겠습니다. Boolean Boolean은 참(true) 또는 거짓(false)을 나타내는 타입입니다. 다음과 같이 선언할 수 있습니다. let isDone: boolean = false; Number Number는 숫자를 나타내는 타입입니다. Javascript와 마찬가지로 모든 숫자를 포함하고 있으며, 16진수 및 10진수 리터럴과 함께 사용할 수 있습니다. let decimal: number = 6..

TypeScript는 JavaScript의 슈퍼셋으로, 정적 타입 언어입니다. JavaScript와 비교하여 많은 기능을 제공하며, 개발자들이 코드를 더욱 쉽게 유지보수할 수 있도록 도와줍니다. TypeScript를 사용하는 이유는 다음과 같습니다. 1. 코드 유지보수가 쉽다 TypeScript는 정적 타입 언어로, 변수의 타입을 명시적으로 지정할 수 있습니다. 이를 통해 개발자는 런타임 시점에서 발생할 수 있는 에러를 컴파일 시점에서 미리 잡아낼 수 있습니다. 또한 타입 어노테이션을 통해 코드의 가독성을 높이고, 코드를 개선할 수 있습니다. // JavaScript function add(x, y) { return x + y; } // TypeScript function add(x: number, y:..