React, Typescript

리액트와 타입스크립트를 사용하여 새로운 프로젝트를 생성하는 방법을 자세히 설명해드릴게요.

1. Node.js와 npm 설치
   먼저 Node.js와 npm(Node Package Manager)이 설치되어 있는지 확인해야 합니다.

node -v
npm -v

만약 설치되어 있지 않다면, Node.js 공식 사이트에서 설치할 수 있습니다.

2. Create React App 설치
   create-react-app 패키지를 사용하면 쉽게 리액트 프로젝트를 생성할 수 있습니다.

npx create-react-app my-app --template typescript

위 명령어는 my-app이라는 폴더에 타입스크립트 템플릿을 사용한 리액트 앱을 생성합니다.

3. 프로젝트 폴더로 이동
   프로젝트 생성이 완료되면, 생성된 폴더로 이동합니다.

cd my-app

4. 개발 서버 실행
   이제 개발 서버를 실행하여 프로젝트가 제대로 생성되었는지 확인할 수 있습니다.

npm start

브라우저에서 http://localhost:3000을 열어 리액트 앱이 제대로 실행되는지 확인합니다.