기존에는 인터넷에 검색하면 등장하는 검색 기능을 사용하고 있었는데 여러가지 불편함을 이유로 직접 만들고자 하였다. 고치려고 했으나 내부 동작을 전혀 모르고 Ruby로 작성된 코드를 고치느니 jQuery로 직접 만드는게 더 빠를 것 같았다.

기존 검색 기능

기존 검색 기능 단점

기존 검색 기능을 사용하면서 느꼈던 단점은 다음과 같았다.

  • 뒤로가기 문제
  • 사용자가 어떤 검색어를 쳤는지 알 수 없음
  • 사용자가 제목과 일치하는 검색어를 입력해야 함

위 문제들을 극복하기 위해서 다음과 같이 해결하였다.

  • 검색 페이지 추가및 GET 방식으로 param 표시
    • 뒤로가기 해결
    • 사용자 검색어 파악 가능
  • 사용자의 검색어를 분할하여 상세한 탐색

글의 목록이나 필요한 데이터들은 Jekyll을 이용해서 JSON으로 생성해 놓고 검색시 이를 불러와 사용자의 검색어와 일치하는 요소들을 찾아서 출력하는 방식을 사용했다. 정적 사이트에서 이러한 기능을 만들 수 있음에 놀랍고 스스로가 대견하다.

향상된 검색 기능

위 사진이 완성된 검색 기능이다. 방문하시는 분들에게 조금이라도 도움이 되었으면 좋겠다.


2020-01-31

결국 구글의 검색 기능을 붙이는 것으로 대체했다. 여러 문제를 개선했지만 여전히 문제가 많다…

WRITTEN BY

배진오

소비적인 일보단 생산적인 일을 추구하며, 좋아하는 일을 잘하고 싶어합니다 :D
im@baejino.com