MediaQuery (1) 썸네일형 리스트형 [Epic React] useDebug으로 custom hook debugging TLDR : useDebug는 커스텀 훅을 디버깅하기 위한 수단임. mediaQuery에 따라 반응하는 컴포넌트를 만들어 보자. mediaQuery가 적용되는지를 체크하는 훅. return true / false function useMedia(query, initialState = false) { const [state, setState] = React.useState(initialState) const formatDebugValue = React.useMemo(({query, state}) => `\`${query}\` => ${state}`,[]) React.useDebugValue({query, state}, formatDebugValue) React.useEffect(() => { let mou.. 이전 1 다음