프론트엔드/Typescript

✅ 들어가며취업 준비 시절, 나는 타입스크립트까지 제대로 공부하지 못한 채 취업에 성공했다. 당시에는 타입스크립트가 프론트엔드 개발을 더 안정적이고 확실하게 만들어주는 도구라는 정도로만 알고 있었다. 그러나 현업에서 자바스크립트로 개발을 하면서, 타입스크립트의 필요성을 몸소 체감하는 순간이 많았다.함수의 파라미터는 숫자형이어야 했지만, 라이브러리 반환값은 문자열인 숫자로 반환되는 바람에 오류가 발생한 적이 있다.이 오류의 원인을 파악하는 데 시간이 꽤 걸렸던 기억이 난다. 또한, 개발 완료 후 코드를 실행했을 때 콘솔에 런타임 에러가 발생하곤 했고, 그 에러를 해결하는 데 많은 시간을 쏟았다. 만약 처음부터 타입 가드를 적용해 undefined.length 같은 상황을 처리했다면, TypeError: C..
https://www.typescriptlang.org/ko/docs/handbook/2/generics.html 단일 타입이 아닌, 다양한 타입을 동적으로 정의할 수 있음.코드의 재사용성과 유연성 증가, 코드를 추상화된 형태로 작성할 수 있게 됨1. 제네릭 함수function identity(arg: T): T { return arg;}let result1: number = identity(42); // result1의 타입은 number let result1: number = identity(42); // 타입 추론 사용let result2: string = identity("hello"); // result2의 타입은 stringlet result2: string = identity("hell..