React + Typescript 프로젝트 생성하기

react.js 와 typescript 를 활용한 프로젝트를 만들어보겠습니다.

1. 리액트 프로젝트 생성

---

먼저 create-react-app 을 이용해 리액트 어플리케이션을 만들어줍니다.

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

--template typescript 라는 속성은 “타입스크립트 언어를 기반으로 리액트 환경을 구성할 것이다” 라는 의미입니다.

cd [프로젝트 명]
npm start  // 또는 yarn start

프로젝트 폴더로 이동한 후, npm start 명령어를 통해 생성된 리액트 프로젝트를 실행시켜 정상적으로 동작하는 지 확인할 수 있다. (localhost:3000 포트에서 확인가능) “Would you like to run the app on another port instead?” 질문에는 Y 를 입력해주면 된다.

2. 폴더 구조

---

추후에 포스팅 예정