Web Dev/Log :: 개발일지

개발항해일지 22년/6월/4주 :: JS 프로젝트 TS 변환

HJPlumtree 2022. 6. 27. 21:01

일지 2022년 6월 4주차

 

 

이번 주 스케쥴

주중에 여행을 갔다 올 계획이라 이번주 할 일은 오직 한 가지!

기본 프로젝트 'Google Search Pro' -> TypeScript로 변환

 

 

기존 리액트 JS 프로젝트 TS로 변환

기존 리액트 프로젝트에 TypeScript를 추가하고

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

 

tsconfig가 자동으로 생기지 않아서 따로 설치해주고

npx tsc --init

 

js/jsx 를 ts/tsx를 바꾸고 에러가 시키는대로 하나씩 처리해가니 완성!

 

바꾸면서 id를 number로 할지, string으로 할지 정했어야 했는데,

여기서 기본 타입들을 보고 string으로 결정!

 

 

참고 링크

How to Use TypeScript with React Components

=> https://dmitripavlutin.com/typescript-react-components/

 

Basic Prop Types Examples

=> https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/basic_type_example

 

 

travel by Luca Bravo @unsplash