일지 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
'Web Dev > Log :: 개발일지' 카테고리의 다른 글
| 개발항해일지 22년/7월/2주 :: Redux Thunk, 프로젝트 인수인계, 오픈 (0) | 2022.07.11 |
|---|---|
| 개발항해일지 22년/7월/1주 :: 근무 1주차, 첫 프로젝트 할당 (0) | 2022.07.03 |
| 개발항해일지 22년/6월/3주 :: 취직, 타입스크립트 변환 (0) | 2022.06.20 |
| 개발항해일지 22년/6월/2주 :: 타입스크립트 기본타입, useEffect와 setInterval (0) | 2022.06.13 |
| 개발항해일지 22년/6월/1주 :: 자바스크립트로 리액트처럼, Debounce, Throttle (0) | 2022.06.05 |