원인

1. React 패키지가 설치되지 않음
2. 타입스크립트용 React 타입 선언 파일인 @types/react가 설치되지 않음

해결

1. React 패키지 설치

   npm install react react-dom
   

   • react React의 핵심 라이브러리로, 컴포넌트 생성, JSX 해석, 상태 관리 기능들을 제공
   • react-dom React 컴포넌트를 실제 DOM에 연결해주는 역할을 수행. 브라우저 환경에서 동작하려면 필요
   • React 앱을 만들기 위해서는 react와 react-dom이 필수
     • 이 둘은 보통 dependencies로 설치됨 → 즉, **프로덕션(배포)**환경에서도 사용되기 때문

2. @types/react 설치

   npm install --save-dev @types/react @types/react-dom
   

   • @types/react, @types/react-dom 타입스크립트가 react와 react-dom 코드에 대해 타입 정보를 알 수 있도록 도와주는 선언 파일
   • React는 원래 자바스크립트로 만들어진 라이브러리라서, 타입스크립트에서는 react가 어떤 타입을 갖는지 기본적으로 모름
     • 따라서, DefinitelyTyped라는 오픈소스 저장소에 있는 타입 정의들을 따로 설치
     • ex. useState, useEffect, JSX.Element 등 React에서 제공하는 함수나 객체의 타입을 타입스크립트가 인식하게 됨
   • 이건 개발 중에만 필요하니까 --save-dev 옵션을 붙여서 devDependencies에 저장