본문 바로가기

TypeScript10

TypeScript Union타입, Intersection(인터섹션) 타입 ⭐ Union타입여러 타입중 하나가 될 수 있는 값을 나타내는 방버값에 허용된 타일울 두개 이상으로 지정 ✅ OR 연산자 (A 또는 B...)| (vertical bar) 기호를 사용하여 표현 ✅  유니언 타입의 사용변수, 함수의 매개변수, 반환갑 등에서 모두 사용 가능타입의 유연셩을 제공무분별한 any 사용을 방지 ✅  유니언 타입이 사용 type UnionType = Type1 | Type2 | Type3type VariableType = string | number | boolean | string[]let value:VariableType = '문자';value = 123;value = true;value = ['안녕', '반가워'];// value = [112, 333] -Error// val.. 2024. 9. 7.
TypeScript 타입 별칭 ⭐ 객체 타입 지정(명시){} 중괄호를 사용하여 표현각 데이터별 타입 명시의 구분은 세미콜론(;) 사용을 권장✔️ 기본 사용 방법type 키워드를 사용하여 저의type 타입별칭 = 타입;⭐변수 타입 별칭type TextType = string;타입 별칭은 다른 코드와의 식벼를 우해 대문자로 시작let text: TextType = '텍스트 문자열입니다.';type NumberType= number;let num: NumberType = 1923;변수의 경우 별칭 사용을 거의 하지 않는다. ⭐ 객체 타입 별칭타입 별칭 내에서 선택적 프로퍼티 & 읽기 전용 속성 사용 가능type UserType = { name?: string; readonly height: number;}const user1:UserT.. 2024. 9. 4.
TypeScript ⭐타입 명시 방법: 타입 어노테이션 (type anntation) ⭐타입스크립트 타입 종류✔️기본타입(원시 타입 - string, number, boolean 등 )변수명 뒤에 콜론 사용typeOf 연산자 사용시 나타내는 변환값과 let name: string = '이정미'; let age: number = 29; let isStudent: boolean = true; let anyData = '문자열' ;let anyData = '문자열' ; 처럼 타입 명시 생략 가능하지만 타입 체킹을 생략 할 수 없다.anyData = 123; 타입 명시를 안해도 초기 할당하는 데이터로 타입이 지정된다.그래서 문자열로 타입으로 지정되 숫자를 넣으면 에러가 발생한다.배열(list, array) 타입.. 2024. 9. 2.
TypeScript 란? ⭐타입스크립트란?:자바스크립트(JavaScript)를 기반으로 하는 오픈 소스 프로그래밍 언어 (Microsoft에서 개발과 유지를 담당)  ✅JS의 상위 집합인 언어(확장, superset)JS의 모든 기능을 포함정적 타입 기능을 추가하여 JS의 단점을 보완한 언어  >> 타입스크립트가 자바스크립트의 모든 기능을 포함하고 있으며, 그 위에 추가적인 기능을 더하고 있다는 것을 의미한다.✅ 타입스크립트의 필요성(도입 배경): 에러의 사전 방지자바스크립트는 동적 타입 언어, 변수의 타입이 실행 시점에 결정(런타임)   >> '컴파일' 시점에서 오류를 발생하여 에러 실행을 방지 : 코드 가이드 및 자동 완성(개발 생산성 향상)✅정적 타입(TS) VS 동적 타입(JS)동적 타입(JS)   : 실행 시점 타입 결.. 2024. 8. 31.