[javascript] Fuse.js를 이용한 문서 검색 기능 구현 방법

01 Dec 2023

javascript

Fuse.js는 JavaScript에서 쉽게 사용할 수 있는 강력한 검색 라이브러리입니다. 이 라이브러리를 활용하여 웹 애플리케이션에 문서 검색 기능을 구현하는 방법에 대해 알아보겠습니다.

Fuse.js를 사용하기 위해서는 Fuse.js 라이브러리를 먼저 설치해야 합니다. Node.js 환경에서는 npm으로 설치할 수 있습니다. 다음 명령어를 사용하여 Fuse.js를 설치합니다.

npm install fuse.js

Fuse.js를 설치했다면, 다음과 같이 Fuse.js를 사용하여 문서 검색 기능을 구현할 수 있습니다.

// Fuse.js 라이브러리를 불러옵니다.
const Fuse = require('fuse.js');

// 검색 대상 문서 배열을 정의합니다.
const documents = [
  { title: 'JavaScript Tutorial', content: 'This is a tutorial on JavaScript.' },
  { title: 'HTML Guide', content: 'This guide provides information on HTML syntax.' },
  { title: 'CSS Reference', content: 'This is a reference guide for CSS styles.' },
  // 검색 대상 문서들...
];

// Fuse.js 옵션을 정의합니다.
const options = {
  keys: ['title', 'content'], // 검색할 키를 지정합니다.
};

// Fuse 객체를 생성합니다.
const fuse = new Fuse(documents, options);

// 검색어를 입력받습니다.
const query = 'JavaScript';

// Fuse 객체를 사용하여 문서를 검색합니다.
const result = fuse.search(query);

// 검색 결과를 출력합니다.
console.log(result);

위 예제에서는 Fuse.js를 사용하여 ‘JavaScript’라는 검색어를 입력받아 문서 배열에서 해당 검색어를 포함하는 문서를 검색하고, 검색 결과를 콘솔에 출력하는 방법을 보여주고 있습니다.

Fuse.js를 사용하면 다양한 검색 옵션을 설정할 수 있으며, 검색 결과의 정확도와 관련성에 따라 정렬할 수도 있습니다. 자세한 사용 방법은 Fuse.js 공식 문서를 참고하시기 바랍니다.

참고 자료

Fuse.js 공식 문서: https://fusejs.io/
Fuse.js GitHub 저장소: https://github.com/krisk/Fuse