Firebase 부분 문자 검색기능 구현

❗️firebase store에서는 부분 텍스트 검색을 지원하지 않는다.

 

ex) 귀여운 호두라는 유저를 검색하기 위해서, 호두라고 검색하면 쿼리가 불가능하다. 접두어가 일치하도록 입력해야 찾고자하는 유저를 검색할 수 있다

 

이와 같은 상황이라면, 검색기능에 큰 의미가 없는것 같아 부분 문자열로 검색이 가능하도록 해결해보고자 한다.

 

 

export const cleaningText = (text: string): string => {
  // 특수문자 및 공백 제거, 다양한 언어 지원
  const regEx = /[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/ ]/gim;

  const cleanText = text.replace(regEx, "").toLowerCase();

  return cleanText;
};

 const q = query(
  userRef,
  where("cleanedNickname", ">=", cleanedNickname),
  where("cleanedNickname", "<=", cleanedNickname + "\uf8ff")
);

 

처음 사용한 방식은, 대소문자 구분과 공백을 제거한 cleanedNickname 을 적용하고, 이처럼 쿼리를 변경해주었다.

👉🏻 이 방식은 해당 searchTerm으로 끝나는 문자열은 검색이 불가능함 시작하는 문자열에서만 가능하다.

 

 

 

검색 키워드 조합 생성

import { cleaningText } from "./cleaningText";

export const createKeyWords = (texts: string[]) => {
  const keywords = new Set<string>();

  texts.forEach((text) => {
    const cleanText = cleaningText(text);
    const length = cleanText.length;

    // 모든 가능한 2글자 이상, 10글자 이하의 부분 문자열을 생성
    for (let i = 0; i < length; i++) {
      let temp = "";
      for (let j = i; j < length && j < i + 10; j++) {
        temp += cleanText[j];
        if (temp.length >= 2) {
          keywords.add(temp);
        }
      }
    }

    return Array.from(keywords);
  });
};

정규식으로 한번 text를 (대소문자 구분x, 공백제거)걸러서 만들어주고, 이 텍스트로 키워드를 생성한다.

 

👉🏻 미리 가능한 모든 키워드의 조합을 만들어 Array에 저장하는 방법을 사용

 

array-contains-any

 

firebase의 쿼리조건 중 하나로, 특정필드에 지정된 배열중 하나라도 포함되어 있는지 검사해준다. 이를 통해, 다중값을 포함하는 배열을 대상으로 유연한 쿼리를 작성할 수있다.

const q = query(postRef, where("keywords", "array-contains-any", keywords));

 

👉🏻 만들어놓은 여러조합의 keywords를 쿼리함

 

 

이제 찾고자하는 키워드를 포함한다면 검색결과에서 찾을 수 있게되었다.

 

🤔 생각치도 못하게, firebase가 부분문자 검색을 지원해주지 않아 이렇게 구현해보게 되었는데, 이런식으로 키워드들을 유저와 게시물마다 생성하고 DB에 저장을 하는것이 특히나, 서비스의 규모가 커진다면 비효율적인 방법이 될것이다. 외부 다른 Algolia나 Elastic 같은 검색 엔진 API를 사용하는 방식도 있다고 하니, 다른 방법도 고려해보아야 할 것 같다.