SEARCH UI

전체 검색 UI에 대한 바로 가기

코드 몇 줄만으로 검색 인터페이스 및 구성 가능한 검색 구성 요소를 만들 수 있습니다. 사용자가 필요한 항목을 정확하게 찾을 수 있도록 지원하는 풍부한 필터링 기능을 통해 완전히 사용자 정의 가능한 검색 환경을 구축하세요.

Video thumbnail

Elastic으로앱과 웹사이트에 풍부하고 정확한 검색을 추가하는 방법을 알아보세요.

동영상 보기

Search UI를 사용하여 최신 검색 경험 구축을 시작하세요.

설명서 보기

웹사이트에서의 검색 경험은 방문자 만족도의 핵심 동인인 경우가 많습니다. 웹사이트 참여도를 높이는 방법에 대해 자세히 알아보세요.

블로그 보기

기능

Search UI를 사용하여 사전 구축

인기 있는 즉시 사용 가능한 검색 기능을 프런트 엔드 검색 애플리케이션에 추가하여 사용자가 정확한 결과를 더 빨리 얻을 수 있도록 지원하세요. 검색 UX 모범 사례를 신속하게 구현하세요.

  • 원하는 대로 검색

    쿼리와 일치하는 유형별 검색 필드를 추가하여 빠른 답변을 찾으세요.

  • 필터링, 패싯 검색, 정렬

    사용자들이 검색 결과를 자신의 기준에 맞게 수동으로 좁힐 수 있도록 하세요.

  • 페이지 지정 및 강조 표시

    자동 호출된 검색 결과 및 강조 표시된 일치하는 검색어를 사용하여 검색 결과를 더 쉽게 구문 분석하세요.

  • 자동 완성

    언어 예측 도구를 사용하여 사용자가 쿼리를 입력할 때 제안을 제공하세요.

빨리 시작하세요

간편하고 유연하며 강력합니다

다양한 모바일 친화적인 구성 요소로 검색 인터페이스를 구축할 수 있습니다. 모두 사용자의 정확한 사용 사례에 맞게 사용자 정의할 수 있습니다.

  • 5분 만에 준비 완료

    다운로드하고 구성 요소를 선택한 다음, 코드 몇 줄을 애플리케이션에 추가하세요.

  • 오픈 소스, 완전히 사용자 정의 가능

    모든 구성 요소는 마음대로 스타일 지정과 수정이 가능해 독특한 몰입감을 창출할 수 있습니다. 그리고 모두 오픈 소스입니다.

  • 유연한 프런트 엔드

    프레임워크의 논리를 활용하여 자체 구성 요소로 확장하세요.

  • URL 동기화

    필터, 쿼리, 페이지 지정 및 모든 쿼리 매개 변수는 최적의 사용자 경험을 위해 URL에 자동으로 캡처됩니다.

  • 상호 운용 가능

    검색 UI는 모든 검색 서비스와 함께 사용할 수 있으며 Elasticsearch를 위한 미리 빌드된 커넥터를 포함합니다.

  • React, Vanilla, 그 이상

    Typescript로 완전히 작성된 기본 라이브러리는 Search UI를 지원하는 모든 JavaScript 프레임워크와 함께 사용할 수 있습니다.