Frontend/TypeScript 13

[TypeScript] 2-1. 타입스크립트 이해하기 - 타입 관계

타입은 집합이다타입스크립트의 모든 타입들은 집합으로써 서로 포함하고 포함되는 관계를 갖는다.그리고 이런 관계에서 Number 타입처럼 다른 타입을 포함하는 타입을 **슈퍼 타입(부모 타입)**이라고 부릅니다. 반대는 **서브 타입(자식 타입)**이라고 한다.1. 타입 호환성A와 B 두개의 타입이 존재할 때 A 타입의 값을 B 타입으로 취급해도 괜찮은지 판단하는 것을 의미한다. 만약 A 타입의 값이 B 타입의 값으로 취급 되어도 괜찮다면 호환된다고 하고 안된다면 호환되지 않는다고 함.따라서 타입스크립트에서는 이렇게 슈퍼타입의 값을 서브타입의 값으로 취급하는것을 허용하지 않는다.ex)// 가능let num1: number = 10;let num2: 10 = 10;num1 = num2;// 불가능let num..

Frontend/TypeScript 2025.01.23

[TypeScript] 1. 타입스크립트 기본

기본 타입타이브크립트가 자체적으로 제공하는 타입 1) 원시 타입 (Primitive Type)하나의 값만 저장하는 타입 ex. number, string, boolean, null, undefined number// numberlet num1: number = 123;let num2: number = -123;let num3: number = 0.123;let num4: number = -0.123;let num5: number = Infinity;let num6: number = -Infinity;let num7: number = NaN; string// stringlet str1: string = "hello";let str2: string = 'hello';let str3: string = `hel..

Frontend/TypeScript 2025.01.22

[TypeScript] 0. 타입스크립트 개요

타입스크립트 = 자바스크립트의 확장판자바스크립트를 더 안전하게 사용할 수 있도록 타입 관련 기능들을 추가한 언어// JavaScriptlet a = 1;let b = 2;console.log(a + b);// TypeScriptlet a:number = 1;let b:number = 2;console.log(a + b); JavaScript유연한 문법버그 발생 가능성 높음자유로움 TypeScriptNode.js의 등장 이후 탄생자바스크립트 구동기(런타임)어디서든 자바스크립트 구동 가능 (웹서버, 모바일 앱, 데스크탑 앱)엄격한 문법버그 발생 가능성 낮음안정적임타입 시스템 정적 타입 시스템코드 실행 이전 모든 변수의 타입을 고정적으로 결정함모든 변수에 일일히 타입을 지정해주어야함타이핑 양 증가, 유연하지 ..

Frontend/TypeScript 2025.01.21