🍏 TypeScript

이제 자바스크립트와 리액트에 좀 적응할 쯔음 .. 또 TS라는 신문물을 접하게 되니 마음이 정말 새롭고 괴롭다.. ^^강의를 들어도 감이 잘 안 오는 건 문법에 어색해서일테니 직접 써보며 익숙해지자!: 타입스크립트(TypeScript, TS)는 마이크로소프트에서 만든

📌 함수와 타입 1️⃣ 함수의 매개변수와 반환 타입 : 타입스크립트에서는 함수의 매개변수와 반환값(return)의 타입을 명확히 지정할 수 있다. 여기서 a: number 와 b: number 는 타입이 지정된 매개변수이다. : number 는 반환 타입이다. 만

타입스크립트에서 객체의 구조를 정의하는 방법에는 두 가지가 있는데, 바로 1) interface (인터페이스) 와 2) type (타입 별칭) 이다.둘 다 비슷한 역할을 하지만 차이점이 있다고 하니 하나씩 알아보자!객체의 구조를 정의할 때 사용한다.name, age 같

타입스크립트는 참 난해하다. 처음에는 단순히 자바스크립트에서 타입만 좀 더 명확하게 정의한 버전 정도로 생각을 했는데 아니라고 한다.. 😅단순히 타입을 사용하는 것만으로는 타입스크립트를 온전히 이해할 수 없다고 하니 기초부터 탄탄히.. 자바스크립트에선 볼 수 없던 생

타입스크립트를 사용하다 보면 여러 개의 타입을 가질 수 있는 값(예: string | number)을 처리해야 하는 경우가 많다. 이때 타입 가드(Type Guards)를 사용하면 코드에서 특정 타입을 안전하게 판별하고 사용할 수 있다고 한다.이번 글에서는 타입 가드의

제네릭(Generic)을 직역하면 '일반적인', '포괄적인' 이라는 뜻이다. 그렇다면 제네릭 함수는 '일반적인 함수' 라는 건데, 의미가 크게 와닿지는 않는다.그럼 제네릭의 동의어인 제너럴(General)로 생각해보자. 제너럴은 어디에 많이 쓰일까? 바로 Genera

TypeScript의 유틸리티 타입은 이름 그대로 '유용한 도구'이다. 우리가 주방에서 요리할 때 다양한 도구(칼, 도마, 믹서기 등)를 사용하듯이, TypeScript에서도 타입을 더 편리하게 조작할 수 있는 여러 도구가 내장되어 있다.이 유틸리티 타입들은 기존 타입