TypeScript

타입스크립트는 자바스크립트에 타입 시스템 추가로 코드의 안정성과 유지보수성이 향상됨문자열 처리 타입큰따옴표(""), 작은따옴표(''), 백틱(\`) 모두 string 타입으로 처리 가능템플릿 리터럴(${expression})에서 표현식의 결과도 string 타입으로 변

TypeScript: JavaScript의 슈퍼셋으로, 강력한 타입 안정성과 정적 타입 검사 제공TypeScript 프로젝트의 초기 설정부터 실행까지의 과정 단계별 설명TypeScript 프로젝트 시작을 위한 package.json 파일 생성 방법:\-y 옵션: 기본

함수의 타입 지정: 매개변수와 반환값의 타입을 명확히 지정하는 것함수의 이름과 매개변수 타입, 반환 타입을 명시익명 함수 또는 이름이 있는 함수로 표현화살표 함수간결한 문법으로 함수 표현을 줄이는 방법함수 타입 지정함수 표현식에서 타입을 명시적으로 지정하는 방법void

특징: 여러 타입 중 하나 사용 가능사용 예시: 하나의 값이 다양한 타입을 가질 수 있을 때 유용특징: 두 타입의 모든 속성 결합하여 사용 가능사용 예시: 여러 객체 타입 결합 시 유용출처: 수코딩

타입별칭: 기존 타입에 별칭(이름) 부여하여 재사용 용이. 복잡한 타입을 간단한 이름으로 대체하거나, 여러 타입 조합하여 관리 시 유용함type 키워드 사용별칭 이름은 첫 글자를 대문자로 작성하는 것이 일반적 관례예제 코드타입별칭 사용: 복잡한 타입도 간결하게 표현 가

인터페이스는 TypeScript에서 객체 타입을 정의하는 데 최적화된 문법임. 타입 별칭이 변수를 할당하는 듯한 느낌을 주는 반면, 인터페이스는 클래스 문법과 유사하게 중괄호를 열어 바로 선언함인터페이스는 객체의 타입을 지정할 때 사용됨객체의 키와 값을 동적으로 정의할

ID는 문자열 또는 숫자 타입을 나타냄. 이를 통해 id 변수는 두 가지 타입을 모두 사용 가능객체 구조를 타입별칭으로 정의하여 재사용 가능함수의 매개변수와 반환 타입 지정 시 유용readonly 키워드로 객체 속성을 읽기 전용으로 만들거나 배열을 상수로 변경 가능.

타입 단언이란? 개발자가 타입스크립트에게 🗣️ "이 값의 타입은 내가 더 잘 앎"이라고 알려주는 기능사용목적: WEB API 사용 시 타입 추론을 제대로 못하는 경우 사용<> 문법 (거의 사용하지 않음)as 문법 (더 많이 사용됨)⚠️ 주의: 타입 단언으로 발

enum이란? 고정된 값들의 집합을 정의할 때 사용되는 타입ex) 성별(Gender)처럼 제한된 선택지가 있는 경우 유용사용목적코드 가독성 향상 및 오류 방지값의 '열거'에 중점특징타입스크립트에서만 제공되는 타입으로, 숫자 또는 문자열 값들을 열거코드에서 실수를 줄이고

제네릭은 타입스크립트에서 "값을 타입으로 치환"하는 역할특정 값이 여러 타입을 가질 때 활용코드 재사용성 증가: 하나의 함수나 인터페이스로 다양한 타입 처리 가능타입 안정성 보장: 타입 추론 및 강제 적용으로 런타임 오류 방지가독성 및 유지보수성 향상: 중복 코드 감소

타입스크립트 클래스는 자바스크립트 클래스와 비슷한 구조를 가지며, 다음과 같은 차이점을 보유타입 지정 가능: 속성과 메서드에 타입 명시 가능접근 제어자: public, protected, private 키워드로 멤버의 접근 범위 제어 가능추상 클래스 지원: 추상 메서드

개발자가 타입스크립트에게 🗣️ "이 값의 타입은 내가 더 잘 앎"이라고 알리는 기능 ⇒ 타입스크립트 컴파일러는 이를 무조건 신뢰하고 따름 사용목적: 타입스크립트가 타입을 추론하지 못하거나, 명확히 타입을 지정해야 하는 상황에서 사용TypeScript 문법<>