개발자 공간

[TypeScript] Map 사용법 정리 - 키-값 기반 데이터 관리

[TypeScript] Map 사용법 정리 - 키-값 기반 데이터 관리📌 TypeScript Map이란?Map은 키(Key)와 값(Value) 쌍을 저장할 수 있는 데이터 구조입니다. TypeScript에서 Map은 ES6 Map을 기반으로 하며, 빠른 검색, 추가, 삭제가 가능합니다.📌 1. Map 생성 및 기본 사용법const myMap = new Map();myMap.set("apple", 10);myMap.set("banana", 20);myMap.set("orange", 30);console.log(myMap);// Map { 'apple' => 10, 'banana' => 20, 'orange' => 30 }console.log(myMap.size); // 3✅ 키-값 쌍을 저장 가능✅ s..

[TypeScript] Set 사용법 정리 - 중복 없는 데이터 관리

[TypeScript] Set 사용법 정리 - 중복 없는 데이터 관리📌 TypeScript Set이란?Set은 중복을 허용하지 않는 고유한 값들의 집합을 저장하는 자료구조입니다.TypeScript에서 Set은 ES6 Set과 동일하게 동작하며, 유일한 값 저장, 빠른 검색 및 삭제에 적합합니다.📌 1. Set 생성 및 기본 사용법const mySet = new Set(); // 숫자형 Set 생성mySet.add(1);mySet.add(2);mySet.add(3);mySet.add(2); // 중복 추가 → 무시됨console.log(mySet); // Set { 1, 2, 3 }console.log(mySet.size); // 3✅ 중복된 값은 자동으로 제거됨✅ size 속성을 사용해 요소 개수 확..

TypeScript를 사용할 때 가장 나쁜 습관 중 하나가 any 타입을 남발하는 것이다.any를 사용하면 TypeScript의 타입 안정성을 잃게 되고, 예상치 못한 버그가 발생할 가능성이 커진다.이번 글에서는 any를 대체할 수 있는 세 가지 안전한 타입을 소개한다.✅ 1. unknown 타입 (안전한 대체 타입)unknown은 any와 비슷하지만 타입 검사를 강제하는 장점이 있다.즉, 값이 어떤 타입인지 확실하지 않을 때 any 대신 unknown을 쓰면 안전성이 올라간다.typescriptfunction processData(data: unknown) { if (typeof data === "string") { console.log(data.toUpperCase()); // ✅ 안전함 }..