TypeScript가 적용된 React 프로젝트 생성

TypeScript가 적용된 React 프로젝트 생성

1. TypeScript가 적용된 React 프로젝트 생성

• TypeScript가 적용된 React 프로젝트를 생성해 봅시다!
• ※ 자세한 내용은 Create React App 공식문서 참고
• cmd 터미널 안에 다음과 같이 입력하여 TS 프로젝트를 생성합니다 .

npx create-react-app 프로젝트명 --template typescript

 

• 그러면 정상적으로 프로젝트가 생성되었음을 확인할 수 있습니다.

 

• 리액트 파일처럼 사용하고 싶으면, 다음과 같이 입력하여 타입을 지정해야 합니다.

import React from 'react';
import Header from './components/common/header';

const App:React.FC = () => {
  return (
    <Header />
  );
}

export default App;