Typescript9 [TypeScript] 이펙티브 타입스크립트 정리 - 아이템 6 ~ 8 이펙티브 타입스크립트 읽고 정리아이템 1 ~ 5 보러가기 6️⃣ 아이템 6. 편집기를 사용하여 타입 시스템 탐색하기타입스크립트를 사용하면 IDE를 통해서 언어 서비스를 제공받을 수 있다.아래와 같이 변수 num을 선언하면 num 변수의 값은 number 타입이라는 것을 자동으로 추론해주고 확인할 수 있도록 해준다.let num = 10; 언어서비스를 통해 제공받는 것은 다음과 같다.에러가 발생했을 때 무엇이 잘못되었는지 파악하는데 용이값이 어떠한 타입인지를 시각적으로 표현자동완성 기능 제공 7️⃣ 아이템 7. 타입이 값들의 집합이라고 생각하기타입스크립트에서의 타입은 값들의 집합이라고 생각하면 쉽다. 예를들어 number 타입은 0, 1, 2 등과 같은 숫자들의 집합이다.기존에 제공하는 타입 뿐 아니라.. 2025. 6. 3. [TypeScript] 이펙티브 타입스크립트 정리 - 아이템 1 ~ 5 이펙티브 타입스크립트 읽고 정리🎤 소개프로젝트에 타입스크립트를 사용할때 API에서 받아오는 데이터 또는 함수의 인자에 타입을 정의하는 용도 위주로만 타입스크립트를 활용하였다. 타입에러가 발생했을 때 아직 깊은 부분까지 알지 못하다보니 왜 문제가 발생했고, 어떻게 해결해야할지 명확한 방법을 알지 못한채 타입 단언 등으로 임시방편 처리만 하는 일이 잦았다. 그래서 타입스크립트에 대한 공부를 더 해야겠다는 생각이 들어 이펙티브 타입스크립트를 공부하게 되었다. 책을 읽기 전에는 나름 타입스크립트에 대해서 어느정도는 알고 있었다고 생각했으나, 책을 모두 보고 나니 지금까지는 수박 겉 핥기로만 해왔다는 걸 느꼈다. 그래서 타입스크립트에 대해서 좀 더 깊이있게 공부하고 싶거나, 타입스크립트의 활용방안에 대해서 알.. 2025. 6. 1. [Typescript] Array.isArray에 대한 고찰 Array.isArray 함수는 값이 배열인지 아닌지 판별하기 위해서 자주 사용된다. 요새는 타입스크립트로 코드를 많이 작성하는데, 이전까지는 전혀 문제가 없었으나 어느날 Array.isArray를 사용후 변수에 any[] 타입이 추가되는 문제가 발생하였다. 아래와 유사한 코드인데 if문을 통과한 후 list의 타입추론에 any[]가 추가되었다.const list: (string | TypeA)[] = [];if (Array.isArray(list)) { list.map((value) => { // ... });}const list: any[] | (string | TypeA)[] 그래서 그전까지는 별생각이 없이 사용했었던 isArray함수의 타입을 처음으로 찾아보게 되었다.function is.. 2025. 2. 20. 이전 1 2 다음
