🔧 fix: 검색 오류 수정

검색어로 tt혹은 ㅅㅅ를 입력할 경우 일정 시간이 흐른 후 에러가 나는 문제 해결
boostcampwm-2024 · Dec 5, 2024 · 8106b27 · 8106b27
1 parent 6c3602f
commit 8106b27
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/FE/src/components/Search/index.tsx b/FE/src/components/Search/index.tsx
@@ -41,7 +41,7 @@ export default function SearchModal() {
 
       // 결과가 없으면 변환된 검색어로 검색
       if (originalResults.length === 0 && convertedSearch) {
-        return getSearchResults(formatNoSpecialChar(convertedSearch));
+        return await getSearchResults(formatNoSpecialChar(convertedSearch));
       }
 
       return originalResults;
@@ -60,7 +60,6 @@ export default function SearchModal() {
   if (!isOpen) return null;
 
   const isSearching = isLoading || isFetching || isDebouncing;
-  const showSearchResults = searchInput && !isSearching && data;
 
   return (
     <div className='z-30'>
@@ -102,7 +101,7 @@ export default function SearchModal() {
                     </p>
                   </div>
                 ) : (
-                  showSearchResults && <SearchList searchData={data} />
+                  <SearchList searchData={data} />
                 )}
               </div>
             </div>

diff --git a/FE/src/utils/format.ts b/FE/src/utils/format.ts
@@ -1,5 +1,5 @@
 export const formatNoSpecialChar = (query: string) => {
-  return query.replace(/[^a-zA-Z0-9가-힣 ]|\\/g, '');
+  return query.replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎㅏ-ㅣ ]|\\/g, '');
 };
 
 export function formatTime(time: string) {