feat(@yourssu/react): create useSecTimer, useMediaQuery

[Hanna922]

1️⃣ 어떤 작업을 했나요? (Summary)

• resolved feat: create useMediaQuery, useSecTimer in react #16

기존 코드에 영향을 미치지 않는 변경사항

useSecTimer, useMediaQuery를 생성합니다. 두 hook 모두 기존 Soomsil 코드에서 변경된 부분이 있습니다.

useSecTimer

ReturnType<typeof setInterval>: Node.js 환경에서 NodeJS.Timeout, Browser 환경에서 number로 type 인식

const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);

useMediaQuery

Node.js 환경일 경우(window is not defiend) return 합니다.

  useEffect(() => {
    // If window is not defined, it means that the code is running on the server side.
    if (typeof window === 'undefined') {
      return;
    }
  ...

기존 코드에 영향을 미치는 변경사항

• useInterval md 파일의 형식을 통일시킴과 동시에 ko.md로 변경하였으며 en.md를 생성하였습니다.

3️⃣ 추후 작업

• useDebounce, useThrottle

4️⃣ 체크리스트 (Checklist)

• main 브랜치의 최신 코드를 pull 받았나요?

[intersoom]

죠아요 !

[owl1753]

깔끔하네용~