create-react-app로 React + TypeScript 환경 구축

1107 단어 create-react-appReact프런트 엔드자바스크립트Mac
create-react-app를 사용하여 React + TypeScript 환경을 구축하는 메모입니다.

검증 환경



node와 npm은 설치된 것으로 진행됩니다.

운영 환경
node -v
v15.7.0

npm -v
7.4.3

또, 이 기사의 내용은 macOS(Apple Silicon)에서 검증하고 있습니다.

React 프로젝트 만들기



다음 명령으로 React 프로젝트를 만듭니다.
npx create-react-app <プロジェクト名> --template typescript

프로젝트 이름이 react-sample이면 다음과 같습니다.
npx create-react-app react-sample --template typescript

React 프로젝트 시작



프로젝트가 생성되면 프로젝트로 이동하여 시작합니다.
cd react-sample // プロジェクトに移動
npm start // 起動

http://localhost:3000 에 접속해, 다음의 화면이 표시되면 완료됩니다.


참고문헌


  • Create React App
    • Laravel 9 프로젝트 환경을 확인하는 방법
    Fly.io에 Meilisearch 배포

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage