하루살이 개발일지

Type Aliases 에 대하여TypeScript에서의 기본 type타입스크립트에 존재하는 기본 타입StringBooleanNumberArrayTupleEnumAdvanced types 타입 별칭(Type Aliases)특정 타입이나 인터페이스를 참조할 수 있는 타입 변수type 키워드를 붙여 만듦새로운 타입 값을 생성하는 것이 아닌 정의한 타입에 대해 나중에 쉽게 참고할 수 있게 ‘이름’을 부여한 것과 같음type MyNumber = number;type User = { id: number; name: string; email: string;} Type Aliases의 특징type ErrorCode = string | number;type Answer = string | number;union ..

제네릭(Generics)이란? 제네릭 : 타입을 마치 함수의 파라미터처럼 사용하는 것 한가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용 제네릭의 예시 function getText(text) { return text; } getText('hi'); // 'hi' getText(10); // 10 getText(true); // true text라는 인자에는 string, number, boolean 등 어떤 값이 들어가더라도 그대로 반환됨 function getText(text: T): T { return text; } getText('hi'); getText(10); getText(true); 제네릭 기본 문법이 적용된 형태 이제 함수를 호출할 때 함수 안에서 사용할 타입을 넘겨줄..

TypeScript로 Create React App (CRA) 프로젝트를 생성하려면 다음의 yarn 명령어를 사용하면 됩니다: yarn create react-app your-app-name --template typescript 만약 현재 폴더 경로에 생성하고 싶은 경우 yarn create react-app . --template typescript 위의 명령어에서 your-app-name을 원하는 프로젝트 이름으로 대체하면 됩니다. 이 명령어는 TypeScript를 사용하는 새로운 React 프로젝트를 생성하고, 필요한 모든 의존성을 설치합니다. TypeScript는 정적 타이핑을 제공하여 코드의 품질을 향상시키고, 버그를 줄이며, 더 나은 개발자 경험을 제공하는 JavaScript의 슈퍼셋입니다...