Skip to content

[Task] 종목 검색 자동완성 및 정확한 종목 선택 플로우 개선 #83

Description

@chaechae618

문제 상황

현재 검색창이 단순 검색창인지, 종목 추가 입력창인지 명확하지 않습니다.

유저가 sk하이닉스, SK하이닉스, 하이닉스, 000660처럼 다양한 방식으로 입력했을 때 어떤 종목이 선택되는지 알기 어렵습니다.

특히 + 종목 추가 또는 지금 체크 버튼을 누르기 전에 유저가 정확한 종목을 선택했다는 확신을 갖기 어렵습니다.

MVP 개선 방향

MVP 범위에서는 검색창 입력 시 종목 후보를 보여주고, 유저가 명확한 종목을 선택할 수 있도록 합니다.

후보 노출 예시:

  • SK하이닉스 · 000660 · KOSPI
  • 삼성전자 · 005930 · KOSPI
  • 카카오 · 035720 · KOSPI

기본 플로우:

  1. 유저가 종목명 또는 종목코드 입력
  2. 검색 결과 후보 표시
  3. 유저가 후보 선택
  4. 선택된 종목 기준으로 + 종목 추가 또는 지금 체크 실행

Agent 분석 요청

아래 항목을 확인해주세요.

  • 현재 검색창이 실제 종목 검색 API와 연결되어 있는지
  • 종목명 → 종목코드 매칭 로직 위치
  • 종목 검색 API 응답 구조
  • 한글/영문 대소문자/공백 입력 처리 여부
  • 검색 결과 후보 UI 구현 가능 위치
  • 선택된 종목 정보를 + 종목 추가 플로우에 전달하는 방식
  • 선택된 종목 정보를 지금 체크 플로우에 전달하는 방식
  • 검색 결과가 없을 때의 empty state 처리 가능 여부

Acceptance Criteria

  • 유저가 종목명을 입력하면 후보 종목이 표시됩니다.
  • 후보에는 종목명, 종목코드, 시장 정보가 함께 표시됩니다.
  • 유저가 선택한 종목 기준으로 추가/분석이 실행됩니다.
  • 잘못된 입력일 경우 검색 결과가 없습니다. 메시지가 표시됩니다.
  • 대소문자나 공백 차이로 인해 검색이 실패하지 않습니다.

권장 Label

  • area/frontend
  • area/interface
  • kind/task
  • priority/p2
  • status/needs-triage

Metadata

Metadata

Assignees

No one assigned

    Labels

    area/frontendFrontend UI, Markdown rendering, journey statesarea/interfaceA-B-C schema/API contract boundariespriority/p1High priority for demo execution pathstatus/needs-triageNeeds sequencing or product triage before implementation

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions