유저 검색 개선

기존 방식

• 검색 페이지에 들어올 때 마다 모든 유저의 [ id, name, introduce, profile_image ]를 가져와 클라이언트로 전송한다.

  const userProfileList = await this.userRepository
        .createQueryBuilder("user")
        .select("user.user_id", "user_id")
        .addSelect("user.name", "name")
        .addSelect("user.introduce", "introduce")
        .addSelect("user.profile_image", "profile_image")
        .getRawMany();
  

• 클라이언트측에서는 검색을 할 때 해당 검색어를 리스트의 name에서 찾아 일치하는 유저들을 보여준다.

  

문제점

• 검색 페이지에 들어올 때 모든 유저의 정보를 가져오는게 너무 오래 걸린다.

  • 심지어 이걸 매번 검색 페이지에 들어올 때 마다 받아온다.

• 검색 페이지에 들어오면 로딩 시간이 필요한 상황이라 사용자 입장에서 사용했을 때 심각한 불편을 느꼈다.

• 개발자 도구에서 네트워크를 확인해보니 모든 유저 정보를 가져오는데 대략 120ms이 걸리는 것을 볼 수 있으며, 다른 API와 비교했을 때 대략 4~6배 느린것을 확인할 수 있다.

  • 현재 대략 5000명 가짜 유저를 mock 데이터 생성기를 통해 DB에 삽입 된 상태이다.
  • 즉, 5000명의 [ id, name, introduce, profile_image ]를 갖고오는데 120ms이 걸린다.
  • 만약 서비스 이용자가 1만 명, 10만 명일 경우 매우 느릴 것으로 보인다.

  

고민

• 먼저 사용자 입장에서 검색 기능의 이용 빈도를 생각 했을 때 과연 얼마나 사용할까를 생각해봤다.
• 인스타를 생각해봤을 때 다른 사람을 팔로잉할 때 주로 검색 기능을 사용한다.
• 그 때문에 다른 기능에 비해 상대적으로 낮은 이용 빈도가 예상된다.
  • 또한 검색 페이지에 들어온다고 해서 무조건 검색을 하는 것도 아니다.
• 그래서 굳이 모든 유저 정보를 가져올 필요 없이 사용자가 검색어(이름)를 입력할 경우 해당 검색어에 해당되는 유저 정보들만 가져와서 보여주면 되지 않을까라는 생각을 했다.

개선 방법

검색 기능

• 수 천, 수 만 명의 유저들 중에서 사용자가 다른 유저의 정보를 찾고, 원하는 유저를 검색해 팔로잉을 하는 검색 기능은 우리 서비스(Fitory)에서 필수적인 기능이다.
• 제한된 프로젝트 개발 기간 동안 적절한 성능을 내는 검색 엔진을 개발하기 앞서 우리가 고려한 부분은 다음과 같다.
  1. 프로젝트 개발 기간이 제한적이다. → 러닝 커브가 있는 새로운 기술 스택을 사용하지 않고, 기존 기술 스택인 MySQL을 사용한다.
  2. 대용량 데이터에서 문자열 검색을 처리하는데 준수한 성능을 보여준다.

LIKE

• 데이터베이스에서 문자열을 찾는 쿼리를 날릴 때 가장 먼저 떠오르는 것은 MySQL의 LIKE이다. 초기에는 LIKE를 이용한 쿼리를 개발하고, 추후에는 조회 시에 인덱스를 이용해서 성능을 개선할려 했다.

  const userProfileList = await this.userRepository
        .createQueryBuilder("user")
        .select("user.user_id", "user_id")
        .addSelect("user.name", "name")
        .addSelect("user.introduce", "introduce")
        .addSelect("user.profile_image", "profile_image")
  			.where("user.name like :name", { name: `%${userName}%`})
        .getRawMany();