게시글 검색 기능 개선

기존에는 단순히 제목 검색만 가능했던 기능에 초성 검색, 태그 검색, 카테고리 검색을 추가하며 사용자 경험(UX)을 한층 더 향상시키고자 했습니다. 이 과정을 통해 무엇을 고민했고, 어떤 방식으로 구현했는지 상세히 설명드릴게요.

---

1. 제목 검색 기능 개선

문제점

기존 검색 기능은 게시글 제목에 검색어가 포함되어 있는 경우에만 결과를 반환했습니다. 하지만 사용자가 원하는 게시글을 쉽게 찾기엔 한계가 있었습니다. 특히 제목이 길거나 특정 단어를 초성으로만 기억하는 경우, 검색이 어렵다는 피드백이 있었습니다.

개선 과정

사용자의 검색 편의성을 높이기 위해 초성 검색 기능을 추가하기로 했습니다. 이를 위해 토스에서 개발한 es-hangul 라이브러리를 활용했습니다.

• 기존 방식: 검색어 입력 → 서버에서 게시글 제목 조회
• 개선 방식:
  1. 게시글 작성 시, 제목을 초성으로 변환하여 저장
     예를 들어, 제목이 "블로그 검색 기능"이라면, 이를 "ㅂㄹㄱ ㄱㅅ ㄱㄴ"으로 변환하여 데이터베이스에 저장합니다.
  2. 검색 시, 초성 데이터로 조회
     사용자가 "ㅂㄹㄱ"을 검색하면 해당 초성 데이터가 포함된 게시글을 반환하도록 구현했습니다.

이 방식으로 검색 과정에서 모든 제목을 초성으로 변환하지 않아도 되어 서버 부하를 줄이고 검색 속도를 향상시켰습니다.

추가 기능: URL 기반 검색

검색 기능을 URL에서도 활용할 수 있도록 search 쿼리스트링을 지원했습니다.
예:

https://example.com/blog?search=ㅂㄹㄱ

이를 통해 원하는 검색 결과를 쉽게 공유할 수 있는 환경을 마련했습니다.

---

2. 태그 검색 기능 추가

문제점

게시글 작성 시 태그를 추가하는 기능은 제공하고 있었지만, 이를 활용할 수 있는 검색 기능이 부재했습니다. 결과적으로 사용자는 태그를 통해 게시글을 탐색할 수 없었고, 태그 자체의 활용도도 낮은 상태였습니다.

개선 내용

태그 검색 기능을 추가해 사용자가 특정 주제의 게시글을 쉽게 찾을 수 있도록 개선했습니다.

• 사용 방법:
  1. 게시글 목록에서 태그를 클릭 → 해당 태그의 게시글 목록으로 이동
  2. URL에 쿼리스트링 tag를 추가하여 검색 가능

     https://example.com/blog?tag=프론트엔드

태그를 활용한 검색이 가능해짐으로써 사용자에게 더 많은 탐색 옵션을 제공할 수 있었습니다.

---

3. 카테고리 검색 기능 추가

문제점

사이트에 카테고리 구분은 존재했지만, 이를 이용해 게시글을 탐색하는 기능은 부족했습니다. 특히, 특정 카테고리의 게시글만 보고 싶어하는 사용자들에게 불편함이 있었습니다.

개선 내용

카테고리별로 게시글을 탐색할 수 있는 기능을 추가했습니다.

• 사용 방법:
  1. 게시글 목록 페이지의 우측에 카테고리 목록을 배치
  2. 특정 카테고리를 클릭하면 해당 카테고리에 속한 게시글만 표시
  3. URL에 쿼리스트링 category를 추가하여 검색 가능

     https://example.com/blog?category=블로그
     

이를 통해 사용자는 관심 있는 주제의 게시글을 빠르게 탐색할 수 있게 되었습니다.

---

4. 검색 기능 개선 후 기대 효과

이번 개선 작업을 통해 다음과 같은 효과를 기대하고 있습니다.

1. 검색 편의성 증대
   초성 검색, 태그 검색, 카테고리 검색 기능을 추가하여 사용자가 더 직관적이고 간편하게 게시글을 탐색할 수 있습니다.

2. 검색 속도 향상
   초성 데이터를 서버에 미리 저장하여 검색 과정에서의 서버 부하를 줄였습니다.

3. 사이트 활용성 증가
   태그와 카테고리 기능을 적극적으로 활용할 수 있게 되면서 사이트 탐색 방식이 다채로워졌습니다.

4. 공유의 편리함
   URL 기반 검색 기능으로 사용자는 원하는 결과를 쉽게 공유할 수 있습니다.