TypeScript의 유니언 타입은 변수가 여러 타입 중 하나일 수 있음을 선언하는 방법입니다. 유니언 타입은 수직 바(|)를 사용하여 표시되며, 이는 변수가 "이 타입 또는 그 타입"임을 나타냅니다. 다음은 유니언 타입의 예 let unionType: string | number | boolean; unionType = "Hello"; // 가능합니다. string은 유니언 타입의 일부입니다. unionType = 7; // 가능합니다. number은 유니언 타입의 일부입니다. unionType = true; // 가능합니다. boolean은 유니언 타입의 일부입니다. unionType = {}; // 에러! 객체는 유니언 타입에 선언되지 않았습니다. 유니언 타입은 다양한 유형의 값을 다루는 데 유용합..

TypeScript에서 void는 함수가 반환값을 제공하지 않는다는 것을 나타내는 특수한 타입입니다. 자바스크립트에서는 함수가 반환값을 제공하지 않으면 암묵적으로 undefined를 반환합니다. 이는 자바스크립트의 동적 타입 시스템의 일부입니다. 그러나 TypeScript에서는 함수의 반환 타입을 명시적으로 지정하는 것이 일반적입니다. void 타입은 함수가 유용한 값을 반환하지 않는다는 것을 나타냅니다. 즉, 함수의 목적이 사이드 이펙트(예: 네트워크 요청, 로그 출력, 객체 상태 변경 등)를 생성하는 것이며, 이러한 함수를 호출한 후에 반환된 값을 사용할 필요가 없음을 나타냅니다. 예를 들어, async 함수는 Promise를 반환하지만, 해당 Promise가 유용한 값을 감싸지 않는 경우, 반환 타..

일반적으로 평소 자바스크립트 기반 React 프로젝트를 만들 때 npx create-react-app 프로젝트명 을 한다. TypeScript도 별반 다를게 없다. 뒤에 typescript 로 된 프로젝트를 만든다고 명시해 주기만하면 typescript 기반 react 프로젝트를 만들 수 있다. npx create-react-app 프로젝트명 --template typescript 만들어진 폴더 구조는 아래와 같다. .ts파일이 있는 반면에 .tsx파일도 있다. 이 둘의 차이점은 무엇일까? .ts파일은 pure typescript 파일이다. javascript에서 .js에 대응한다고 생각하면 편하다 .tsx는 typescript의 react문법을 담아내기 위한 확장자 이다. .jsx에 대응한다고 생각하면..