# 검색 결과 미리보기

<figure><img src="https://889768860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F86EGDbqiEQQc91OjPHgn%2Fuploads%2FhdtGF45iSD3ivxPaSEE4%2F%E1%84%86%E1%85%B5%E1%84%85%E1%85%B5%E1%84%87%E1%85%A9%E1%84%80%E1%85%B5-banner.png?alt=media&#x26;token=c2eda6b4-2640-422f-a23b-567b003d82b7" alt=""><figcaption></figcaption></figure>

## 검색 결과 미리보기란? <a href="#d01" id="d01"></a>

* ‘검색 결과 미리보기’는 검색 인스턴스를 선택해서 실제 검색 결과가 어떻게 나오는지 미리 볼 수 있는 페이지입니다.
* 이 페이지에서는 검색어를 입력하면, 설정해둔 검색 조건에 따라 어떤 상품들이 보이는지 확인할 수 있습니다. 예를 들어 "코트"를 검색하면 코트 관련 상품들이 어떤 순서로, 어떤 설명과 함께 보여지는지 직접 확인해볼 수 있습니다.

<figure><img src="https://889768860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F86EGDbqiEQQc91OjPHgn%2Fuploads%2FXHpoFytpvad7mpcs3ocm%2F%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%A2%E1%86%A8%E1%84%80%E1%85%A7%E1%86%AF%E1%84%80%E1%85%AA%E1%84%86%E1%85%B5%E1%84%85%E1%85%B5%E1%84%87%E1%85%A9%E1%84%80%E1%85%B5%201.png?alt=media&#x26;token=f303e4c9-1ded-4b78-86cf-7daeba9a5e38" alt=""><figcaption></figcaption></figure>

### 화면 구성과 사용 방법 <a href="#d02" id="d02"></a>

<figure><img src="https://889768860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F86EGDbqiEQQc91OjPHgn%2Fuploads%2Fa21xmj1DiyfBuRqsrQzj%2F%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%A2%E1%86%A8%E1%84%80%E1%85%A7%E1%86%AF%E1%84%80%E1%85%AA%E1%84%86%E1%85%B5%E1%84%85%E1%85%B5%E1%84%87%E1%85%A9%E1%84%80%E1%85%B5%202.png?alt=media&#x26;token=dcde86f6-c779-4fce-bd70-5ae743e310e9" alt=""><figcaption></figcaption></figure>

#### 1. 인스턴스 선택하기

* 먼저 어떤 검색 인스턴스로 테스트할지 골라야합니다.
* ‘인스턴스 선택하기’ 버튼 클릭 시 오른쪽 영역에서 인스턴스 리스트 노출
* 원하는 인스턴스를 클릭
* 선택된 인스턴스 이름을 클릭

<figure><img src="https://889768860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F86EGDbqiEQQc91OjPHgn%2Fuploads%2FiniS1nQQ5sajnORcSYuW%2F%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%A2%E1%86%A8%E1%84%80%E1%85%A7%E1%86%AF%E1%84%80%E1%85%AA%E1%84%86%E1%85%B5%E1%84%85%E1%85%B5%E1%84%87%E1%85%A9%E1%84%80%E1%85%B5%203.png?alt=media&#x26;token=b92c2845-3eb6-436b-8ca9-166024f99b5e" alt=""><figcaption></figcaption></figure>

#### 2. 검색어 입력하기

* 인스턴스를 선택하면 검색어를 입력하여 검색 결과를 미리 확인해볼 수 있습니다.
* 예: “봄 원피스”, “캐시미어 코트”
* 입력 후 **검색 버튼**을 누르거나 Enter 키를 누르면 결과를 확인할 수 있습니다.
* 한 개의인스턴스를 비교하여 확인하거나, 두 개의 인스턴스를 선택해 비교 검색도 할 수 있습니다.

#### 3. 검색 결과 확인창

<figure><img src="https://889768860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F86EGDbqiEQQc91OjPHgn%2Fuploads%2FV3MxkCGer2ODKkQUHPGx%2F%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%A2%E1%86%A8%E1%84%80%E1%85%A7%E1%86%AF%E1%84%80%E1%85%AA%E1%84%86%E1%85%B5%E1%84%85%E1%85%B5%E1%84%87%E1%85%A9%E1%84%80%E1%85%B5%204.png?alt=media&#x26;token=d111fdca-0fa1-495c-afe3-8589855d8cb5" alt=""><figcaption></figcaption></figure>

1. 설정: 선택한 인스턴스의 설정 사항을 확인할 수 있고, 검색 설정을 조정해볼 수 있습니다.
2. 창 제어: 창을 키우거나 나눠서 여러 인스턴스 결과를 비교할 수 있습니다. (모바일에선 항상 분할 보기)
3. 닫기: 해당 미리보기 결과 영역의 창을 닫을 수 있습니다

### 검색 결과 화면에서 볼 수 있는 사항 <a href="#d03" id="d03"></a>

<figure><img src="https://889768860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F86EGDbqiEQQc91OjPHgn%2Fuploads%2F8rIm43N04GM6s0CJb0dr%2F%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%A2%E1%86%A8%E1%84%80%E1%85%A7%E1%86%AF%E1%84%80%E1%85%AA%E1%84%86%E1%85%B5%E1%84%85%E1%85%B5%E1%84%87%E1%85%A9%E1%84%80%E1%85%B5%205.png?alt=media&#x26;token=e2cc613c-611c-4c9e-ad7c-c788d370e11e" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="55.951416015625">No.</th><th width="173.392822265625">항목</th><th>설명</th></tr></thead><tbody><tr><td>1</td><td><strong>검색 결과 설명</strong></td><td>하단의 상품 검색 결과에 대한 AI 설명입니다. </td></tr><tr><td>2</td><td><strong>연관 키워드</strong></td><td>상품 결과의 메타 데이터에서 추출한 연관 키워드입니다. </td></tr><tr><td>3</td><td><strong>제안 질문</strong></td><td>사용자의 검색 의도를 파악하여 다음 질문을 제안합니다. </td></tr><tr><td>4</td><td><strong>AI 코멘트</strong></td><td>검색 결과에 대한 AI 분석 리포트를 미리 볼 수 있습니다. </td></tr><tr><td>5</td><td><strong>상품 검색 결과</strong></td><td>입력한 검색어에 맞는 상품들이 보여집니다.</td></tr></tbody></table>

***

미리보기 화면 우측의 설정 패널에서 검색 로직과 화면 구성을 통합하여 조정할 수 있습니다.

<figure><img src="https://889768860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F86EGDbqiEQQc91OjPHgn%2Fuploads%2FeQo5nYdWhTWGacyYV8BZ%2F%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%A2%E1%86%A8%E1%84%80%E1%85%A7%E1%86%AF%E1%84%80%E1%85%AA%E1%84%86%E1%85%B5%E1%84%85%E1%85%B5%E1%84%87%E1%85%A9%E1%84%80%E1%85%B5%201.png?alt=media&#x26;token=aed17e4a-38d1-45ed-b53e-b7cdd4207214" alt=""><figcaption></figcaption></figure>

* 모든 확인 버튼 클릭 시 적용되어 검색 결과 미리보기 화면에 반영됩니다.
* 설정을 변경한 후, 동일한 검색어로 다시 검색해보면 차이를 바로 확인할 수 있습니다.
* 변경 사항은 실제 인스턴스에 저장되지 않으며 참고용으로 확인해볼 수 있습니다.

### 참고 <a href="#d05" id="d05"></a>

* 인스턴스를 선택하지 않으면 검색이 되지 않습니다.
* 항상 ‘아이템명’은 검색 결과에 필수 항목으로 표기됩니다.
* 항목이 비어있으면 데이터 없음 또는 공란으로 표시됩니다.
* 변경 사항은 실제 인스턴스에 저장되지 않으며 참고용으로 확인해볼 수 있습니다.
* 설정을 변경한 후, 동일한 검색어로 다시 검색해보면 차이를 바로 확인할 수 있습니다.

**검색 결과가 없을 때**

* “상품이 없습니다. 다른 검색어를 입력해 주세요.” 라는 안내를 확인할 수 있습니다.
* 대신 **연관 키워드**를 추천해 확인할 수 있습니다.\
  예: “봄옷” 검색 시 → “봄 자켓”, “봄 원피스” 등