hover 할 때 색을 바꿔야 할 때가 종종 생긴다.코드로 직접 구현한 도형은 css에서 적용하면 되지만 이미지로 받은 경우에는 다른 색의 이미지로 바꾸어 주어야 한다.onMouseOver, onMouseOut 함수를 사용하면 구현할 수 있다.Ex)

useMediaQuery를 사용하기 위해선 react-responsive를 설치해야 함설치 npm i react-responsiveEx)이렇게 컴포넌트를 만들어놓으면 다른 react파일에서 import해서 쓸 수 있다.Ex)https://www.npmjs.c

아폴로 클라이언트 캐시 외부에 로컬 상태를 저장하는 데 유용한 메커니즘캐시와 분리되기 때문에 모든 유형 및 구조의 데이터를 저장할 수 있으며, GraphQL 구문을 사용하지 않고도 애플리케이션 내 어디에서나 이 변수와 상호 작용할 수 있음.수정 시 해당 변수에 종속된

typescript에서 react-router-dom을 사용하려면 별도의 package를 설치해야 함npm i @types/react-router-domRouter사용 예시Switch: 한 번에 하나의 Route만 Render하게 해줌

title을 바꿔주는 역할을 함

react hook으로 form을 쉽게 만들 수 있도록 도와줌설치npm i react-hook-form기본 예제input태그에 name을 설정해 주어야 useForm이 찾을 수 있음handleSubmit(): form이 valid할 때 form 데이터를 넘겨줌watch

useHistory, useLocation, useParams