[javascript] Fuse.js 설치 방법

01 Dec 2023

javascript

Fuse.js는 JavaScript에서 사용할 수 있는 경량 검색 라이브러리입니다. 이 라이브러리는 텍스트 검색을 위해 강력한 알고리즘을 사용하며, 웹 애플리케이션이나 모바일 앱등 다양한 환경에서 사용할 수 있습니다.

NPM을 사용하여 설치하기

Fuse.js를 설치하기 위해 NPM(Node Package Manager)을 사용하는 방법입니다.

먼저, 프로젝트 폴더에서 터미널을 열고 다음 명령어를 실행합니다:

npm install fuse.js

이 명령어를 실행하면 Fuse.js가 프로젝트에 설치됩니다. 이제 Fuse.js를 사용할 수 있습니다.

CDN을 사용하여 설치하기

Fuse.js를 CDN(Content Delivery Network)을 사용하여 설치하는 방법도 있습니다.

HTML 파일의 <head> 태그 내부에 다음 코드를 추가합니다:

<script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.min.js"></script>

이제 Fuse.js가 CDN을 통해 로드되었습니다. 추가적인 설정 없이 Fuse.js를 사용할 수 있습니다.

Fuse.js 사용하기

Fuse.js를 설치했다면, 이제 Fuse.js를 사용할 준비가 되었습니다. 이제 다음과 같이 Fuse.js를 사용하여 텍스트 검색을 수행할 수 있습니다:

const options = {
  includeScore: true,
  threshold: 0.3,
  keys: ['title', 'author', 'tags']
};

const books = [
  { title: 'JavaScript: The Good Parts', author: 'Douglas Crockford', tags: ['javascript'] },
  { title: 'Eloquent JavaScript', author: 'Marijn Haverbeke', tags: ['javascript', 'programming'] },
  { title: 'Clean Code', author: 'Robert C. Martin', tags: ['programming', 'clean code'] },
];

const fuse = new Fuse(books, options);
const result = fuse.search('javascript');

console.log(result);

위의 코드는 Fuse.js를 사용하여 books 배열에서 ‘javascript’를 검색하는 예시입니다. options 객체를 사용하여 검색 옵션을 설정하고, search 메서드를 호출하여 검색을 수행합니다. 검색 결과는 콘솔에 출력됩니다.

이외에도 Fuse.js는 다양한 옵션과 메서드를 제공하므로, Fuse.js 공식 문서를 참조하시기 바랍니다.

NPM을 사용하여 설치하기

CDN을 사용하여 설치하기

Fuse.js 사용하기

참고 자료