[FE] 존재하지 않는 element에 대한 에러를 출력하는 유틸리티 함수 제작 (#150)

* feat: 존재하지 않는 element에 대한 에러를 출력하는 훅 제작

* chore: hooks 폴더 index에 useExistentElement 추가

* refactor: useExistentElement 훅을 더욱 범용적으로 사용할 수 있도록 수정

* refactor: 존재하지 않는 요소를 판별하는 동작을 커스텀 훅 대신 유틸리티 함수로 제작

* chore: 기존의 존재하지 않는 요소를 탐지하는 커스텀 훅 삭제

frontend/src/utils/index.ts

@@ -1 +1,2 @@
 export * from './date';
+export * from './isExistentElement';

frontend/src/utils/isExistentElement.ts

@@ -0,0 +1,18 @@
+type NullableElement = Element | HTMLElement | null | undefined;
+
+export const isExistentElement = (element: NullableElement, elementName: string): boolean => {
+  const isExistentElement = element !== null && element !== undefined;
+  const isHTMLElementOrElement = element instanceof HTMLElement || element instanceof Element;
+
+  if (!isExistentElement) {
+    console.error(`${elementName}을/를 찾을 수 없습니다.`);
+    return false;
+  }
+
+  if (!isHTMLElementOrElement) {
+    console.error(`${elementName}은/는 Element 이하의 타입이 아닙니다.`);
+    return false;
+  }
+
+  return true;
+};