[TypeScript]리액트와 타입스크립트


[TypeScript]리액트와 타입스크립트

리액트와 타입스크립트 - CRA 프로젝트를 타입스크립트 프로젝트로 변환하기 - 상태관리와 Props - TODO 리스트 예제 코드 - 외부 라이브러리 사용하기 - 타입스크립트 템플릿 소개 CRA 프로젝트를 타입스크립트 프로젝트로 변환하기 리액트 프로젝트 생성 (CRA) 타입선언 패키지 설치(@types/*) tsconfig.json 생성 모든 JS 파일 확장자를 JSX로 변경 개별 파일을 하나씩 TSX 파일 확장자로 변경하고 타입 오류 해결 1. 리액트 프로젝트 생성 Create React App(CRA)를 통해 리액트 앱을 생성한다. 1. 프로젝트 폴더 생성 $ mkdir react-typescript $ cd react-typescript 2. 리액트 프로젝트 생성 $ npx create-react-app . 3. 필요없는 파일 삭제 - src/setupTests.js - src/reportWebVitals.js - src/logo.svg - src/App.test.js 4. 필...


#React #TypeScript #리액트 #타입스크립트

원문링크 : [TypeScript]리액트와 타입스크립트