# 2024.11.07 대시보드 상품 검색 기능 고도화

## 검색 기능 고도화 🔎

대시보드에서 가구를 검색하는 기능이 개선되었습니다. 상품 검색/조회 시 자동 추천 결과를 제공하고, 더 유연한 방식으로 원하는 상품을 쉽게 찾을 수 있게 되었어요!

#### 자동완성 기능 추가

검색창에 자동완성 기능이 추가되어, 사용자가 입력한 키워드를 기반으로 추천 검색어가 리스트로 제공돼요. 자동 완성이 가능한 항목은 아래와 같습니다

* 제품명 : 제품 이름을 포함한 자동완성 결과 제공.
* 제품 코드 : 제품 코드와 관련 제품명을 제공.
* SKU : 해당 SKU와 해당 제품명도 함께 표시.

#### 검색 결과 UI 개선

* 자동완성 리스트에 포함된 각 항목은 관련된 미리보기 이미지를 제공하며, 이미지가 없는 경우에는 빈 박스로 표시돼요.
* 검색어와 일치하는 부분은 하이라이팅 되어, 사용자가 빠르게 원하는 검색어를 식별할 수 있도록 개선되었습니다.
* 영문 검색어의 경우 대소문자에 관계 없이 자동완성 결과에 하이라이팅이 적용돼요.

***

## 기타 개선 사항

#### 프로젝트 이름 변경 방식 개선

* 마우스 클릭 지점에 입력 커서가 활성화되도록 개선되었습니다.

#### 렌더 중 프리뷰 이미지 제공

* 렌더링 시 에디터 화면을 사용하며 프리뷰 이미지를 적용했습니다. 이제 렌더링 중인 샷도 어떤 구도에서 찍은 샷인지 미리 확인할 수 있어요.

#### 벽/바닥 면적 계산 기능 추가

* 방이나 벽 클릭 시, 단일 및 다중 선택 면적을 합산하여 표시하는 기능이 추가되었습니다.
* Shift + 클릭 으로 다중 선택이 가능해요.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.archisketch.com/undefined/update-2024-11-07.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.