1. 관리자 권한으로 Command 창을 열고 아래 명령 실행
- npx create-react-app 프로젝트명 --template typescript
- 프로젝트명은 반드시 소문자로 해야 함.
예)
npx create-react-app prov-ui --template typescript
참고)
https://mynameisleeminee.tistory.com/48
React Typescript 프로젝트 생성
1. 새로운 React TypeScript 프로젝트 만들기 npx create-react-app [프로젝트 명] --template typescript or yarn create react-app [프로젝트 명] --template typescript 1-1. 이미 만들어진 프로젝트에 TypeScr..
mynameisleeminee.tistory.com
2. Visual Studio Code 에서 열기
.ts파일은 pure typescript 파일이다. javascript에서 .js에 대응한다고 생각하면 편하다
.tsx는 typescript의 react문법을 담아내기 위한 확장자 이다. .jsx에 대응한다고 생각하면 편하다.
참고)
https://zakelstorm.tistory.com/31
Typescript로 React 프로젝트 만들기
1. 새로운 typescript 기반 React 프로젝트 생성 일반적으로 평소 javascript 기반 react 프로젝트를 만들 때 npx create-react-app \[프로젝트 명\] 을 한다. typescript도 이와 별반 다르지않다. 뒤에 typescrip..
zakelstorm.tistory.com
3. 실행
- 프로젝트 디렉토리에 들어가서....
npm start
'IT > React' 카테고리의 다른 글
| useLocation 기능 - 현재 URL 정보를 가져온다. (0) | 2022.09.30 |
|---|---|
| javascript에서 import 문의 중괄호 {} 의미는? (0) | 2022.09.29 |
| JSON 형태로 데이터 저장하기 (0) | 2022.09.23 |
| useEffect() 함수 (0) | 2022.09.23 |
| For 예제2 - 배열에 목록 추가하기 (0) | 2022.09.23 |
댓글