1. 플레이그라운드
- TS를 확인할 수 있는 웹에서 어떻게 적용되는지 어떻게 사용하는지, 사용 예시를 직접 해봏 수 있는 사이트 입니다.
typescriptlang.org/
2. React에 TS 적용하기
- 리액트로 TS를 적용하기 위해서는 다운을 받아야 된다~~ 그런데 2가지의 상황이 있다.
1. 처음부터 React를 만들 때 함께 설치하기
npx create-react-app 내 앱 이름 --template typescript
2. 만든 프로젝트에 적용하기
npm install --save typescript @types/node @types/react @types/react-dom @types/jest
3. styled-components 사용하기
- styled-components를 설치하고 나면 TS는 인지하지 못해 오류를 반환한다. 그때 TS가 알 수 있게 1가지를 더 설치해야 한다.
npm i --save-dev @types/styled-components
'React' 카테고리의 다른 글
| React 11-3 TS (State, Forms) (0) | 2023.03.08 |
|---|---|
| React 11-2 TS (type, porp, interface) (0) | 2023.03.02 |
| React 10-3 Styled Component(theme) (0) | 2023.03.01 |
| React 10-2 Styled Component(animation, 자식 태그, 의사 클래스(pseudo-class)) (0) | 2023.02.28 |
| React 10-1 Styled Component (0) | 2023.02.23 |