본문 바로가기

TypeScript

(2)
[TypeScript] 컴파일시 세부설정 (tsconfig.json) 프로젝트 생성시 tsconfig.json 파일에 컴파일 세부설정 옵션을 적어줘야 하는데 보일러플레이트를 작성해두면 좋을것 같아 작성해본다. { "compilerOptions": { "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "esnext", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext' "allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지 "checkJs": true, // 일반 js 파일에서도 에러체크 여부 "jsx": "preserve", // tsx 파일을 jsx로 어떻게 컴파일할 것인..
[TypeScript] Generic과 any의 차이 타입스크립트 강의중 제네릭에 관해 배우고 있는데 문득 의문이 들었다. 제네릭은 한가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용하는데, 모든 타입 을 허용하는 any와 무엇이 다른지 궁금했다. 타입스크립트 공식홈페이지에 가니 친절하게 설명이 나와있었다. function logText(text: any): any { return text; } 위 코드를 보면 함수의 동작에는 문제가 없다. 다만, 함수의 인자로 어떤 타입이 들어갔고 어떤 값이 반환되는지 알 수 가 없다. any라는 타입은 타입 검사를 하지 않기 때문이다. 이러한 문제점을 해결할 수 있는 것이 제네릭이다. function logText(text: T): T { return text; } 함수의 이름 바로 뒤에 라는 코드를..