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
