Feat: #35 fetchOnMouseEnter 함수 추가

* 유틸 폴더에 추가하였다.
* 네개의 컴포넌트에서 함께 사용한다.

FE/issue-tracker/src/utils/fetchOnEnter.ts

@@ -0,0 +1,26 @@
+import { hostAPI } from '@const/var';
+import { SetterOrUpdater } from 'recoil';
+
+type FetchOnEnter = {
+  query: string;
+  data: never[];
+  cachingTime: number;
+};
+
+type State = SetterOrUpdater<FetchOnEnter>;
+
+export const fetchOnMouseEnter = async (
+  { query, cachingTime }: FetchOnEnter,
+  setState: State
+) => {
+  const shouldNotFetch = (Date.now() - cachingTime) / 1000 < 3600;
+  if (shouldNotFetch) return;
+
+  const res = await fetch(`${hostAPI}/${query}`);
+  const fetchedData = await res.json();
+  setState({
+    query: query,
+    data: fetchedData,
+    cachingTime: Date.now(),
+  });
+};