리액트마스터2 리액트마스터 #5 CRYPTO TRACKER react-router-dom v6제네릭 지원안한다.useRouteMatch()❌ → useMatch()⭕fetch를 안쓰고 axios 설치했음 - fetch로 사용했을 때 - axios 사용했을 때- react v18이상은 @tanstack/react-query를 설치해서 사용해야한다.- useQuery를 사용할 때 query key값은 대괄호로 묶어줘야한다. const { isLoading, data } = useQuery(["allCoins"], fetchCoins); 이 코드가 안되면 배열 형태로 수정해주면 된다.const { isLoading, data } = useQuery({ queryKey: ['allCoins'], queryFn: fetchCoins, }); - @tan.. 2025. 3. 23. 리액트마스터 #3 TypeScript #3.1 Definitely Typed정보: styled-components v6부터는 별도의 타입 패키지를 설치하지 않아도 라이브러리 자체에 TypeScript타입 정의가 내장되어 있다. 따라서 JS와 TS환경 모두 동일한 패키지를 사용하며, TS프로젝트에서 추가로 @types/styled-components를 설치할 필요가 없다.#3.2 Typing the Props interface는 object의 shape을 확인하도록 해준다. 우리가 전에 배운 Prop Types와 매우 유사하다.차이점이 있다면 interface는 Typescript와 코드가 실행되기 전에 확인해준다는 것이다.그리고 Prop Types는 코드 실행 '후' 브라우저에 에러가 나타난다. 여기서는(interface) 코드 실행 '전'.. 2025. 3. 18. 이전 1 다음
