본문 바로가기

JavaScript/TypeScript14

TypeScript의 타입 시스템 TypeScript의 타입 시스템 기본 타입 (Primitive Types)① string (문자열)let message: string = "Hello, TypeScript!";let username: string = 'John Doe';let greeting: string = `Welcome, ${username}!`;② number (숫자)TypeScript의 숫자 타입은 정수(int), 실수(float), 16진수(hex), 2진수(binary), 8진수(octal) 등을 모두 포함한다.let age: number = 25;let pi: number = 3.14;let hex: number = 0xff; // 16진수let binary: number = 0b1010; // 2진수let octal: .. 2025. 3. 19.
TypeScript 기본 개념 1. TypeScript 기본 개념**TypeScript(TS)**는 Microsoft에서 개발한 JavaScript의 슈퍼셋(Superset)으로, 정적 타입 시스템을 제공하는 언어이다.즉, JavaScript의 기능을 모두 포함하면서도 타입을 명시적으로 지정할 수 있어 코드의 안정성을 높이고 유지보수를 쉽게 만든다.TypeScript를 사용하는 이유:정적 타입 검사 (Static Type Checking)코드 작성 단계에서 타입 오류를 잡아줌 → 런타임 에러 감소자동 완성 및 코드 가이드 (IntelliSense 지원)타입 정보를 기반으로 IDE(예: VS Code)에서 코드 자동 완성 기능 제공가독성 및 유지보수성 향상명확한 타입 명시로 협업 및 리팩토링이 용이함최신 JavaScript 기능 지원E.. 2025. 3. 19.
JavaScript & TypeScript 연산자 연산자 개념 정리1. 부정 연산자 (!)참 → 거짓, 거짓 → 참 으로 뒤집음!true // false!false // true실무 예시:const isLoggedIn = false;if (!isLoggedIn) { console.log('로그인이 필요합니다');}!! 의 의미!!는 값을 boolean(true/false)으로 강제 변환하는 가장 직관적이고 빠른 방법입니다.!userId → userId가 falsy면 true (즉, 반대값)!!userId → 다시 한 번 ! 연산을 하므로 원래 값의 boolean 값이 됩니다.예시:!!123 // true!!'' // false!!null // false!!undefined // false!!'hello' .. 2025. 3. 5.
TypeScript 내장 유틸리티 타입 1. Partial목적:기존 타입 T의 모든 속성을 선택적(optional)으로 만듭니다.예시:type Person = { name: string; age: number;};// 모든 속성이 선택적이므로, 일부만 제공해도 됨type PartialPerson = Partial;// 결과: { name?: string; age?: number; }2. Required목적:기존 타입 T의 모든 속성을 필수(required)로 만듭니다.예시:type Person = { name?: string; age?: number;};type RequiredPerson = Required;// 결과: { name: string; age: number; }3. Readonly목적:T의 모든 속성을 읽기 전용(reado.. 2025. 3. 4.
[TypeScript] 타입스크립트 기본 문법(변수, 선언 키워드, 타입) 변수 선언:[선언키워드] [변수명]: [타입]선언키워드: const, let, var변수명: ex) number, name, car...타입: number숫자 타입.정수 및 부동 소수점 숫자를 포함.  let age: number = 30;bigintnumber의 범위를 넘어서는 정수정수 끝에 n을 붙여 나타냄. let bigInt1 = 123456789012345678901234567890n; // n을 붙여서 생성let bigInt2 = BigInt("123456789012345678901234567890"); string 문자열 타입.텍스트 데이터를 나타냄.let name: string = "Alice";boolean불리언 타입. true 또는 false 값을 가짐.let isActive: bool.. 2025. 1. 13.