검색기능 어떤 방식으로 구성할것인가?

[Choi-JJunho]

시나리오

• 검색을 했을 때 검색 결과들이 아래 리스트로 나온다

이때 엔터를 누르는 이벤트에 대해 다음과 같은 방법 2가지가 존재한다.

DB에 아카시아라는 데이터가 존재한다. 이 때 검색할 때 "아카시" 를 작성한 뒤 엔터를 누르면

• 쵸파 : 최상단에 있는 값(유사한 결과값)을 검색하도록 구성한다.

최상단 검색결과로 이동한다.

• 클린 : "아카시"에 대한 검색결과가 없다.

예를들어 아카시 라는 식물이 있다고 가정해보자. 서버에 이 식물은 존재하지 않는다.
사용자가 아카시를 치고 엔터를 누르면 아카시아 나무로 이동하는것이 불명확한 동작이라고 생각한다.

엔터를 눌렀을 때 최상단 검색결과에 hover를 띄우면서 가이드를 제공하는 정도로 끝나야 한다. (페이지 이동은 X)

검색결과가 없다는 것에 대한 명확한 피드백이 필요하다.

• 조이 : 가이드만 제공하고 검색창에서의 Enter Action을 제거하자.

검색기능이 수행하는 역할은 검색을 통해 서버에 내가 원하는 데이터가 존재하는지 확인하는 용도가 될 것이라고 생각했다.

• 쵸파 : 타이핑을 통한 검색과 엔터를 눌렀을 때 사용자의 동작을 1 depth씩 줄이는 효과를 볼 수 있다.

• 주노 : 사용자가 일반적으로 검색에 대해 예상하는 시나리오로 제공하는것이 자연스러워보인다.

등록에서의 검색은?

• 그레이 : 등록에서의 검색은 Enter Action이 없는 Select 방식이라고 생각한다.

• 클린 : 각 등록 플로우별로 다른 페이지가 존재한다. (검색 -> 검색결과 페이지 -> 식물 선택 -> 이후 상세정보 등록 플로우)

👨‍⚖️ 결정

다음 페이지를 참고하여 검색 플로우를 진행한다.

---

---

• 검색어를 입력한다.

• 유사한 검색어 결과들을 리스트로 하단에 보여준다.

• 엔터를 입력했을 때 정확하게 일치하는 정보가 존재하면 -> 상세정보 페이지

• 엔터를 입력했을 때 정확하게 일치하는 정보가 존재하지 않는다면 (유사 일치 포함) -> 검색 결과 리스트 페이지를 보여준다.

• 정확하게 일치하는 정보는 어떻게 구분할 것인가?

  • 프론트엔드에서 Query와 결과를 비교하여 정확하게 일치하는 데이터를 찾아서 처리한다.

• 검색 결과에 대해서 페이징, 정렬은 현재 고려하지않는다. (추후 고도화 과정에 포함하도록한다)