Actions
개선 #783
완료됨
[개선] 모니터링 생성 검색어 입력 UX 개선
개선 #783:
[개선] 모니터링 생성 검색어 입력 UX 개선
시작일:
2026/07/01
완료일:
2026/07/01
진척도:
100%
추정시간:
설명
h2. 배경
#746 후속 개선 요청이다. 모니터링 생성 화면의 기사 수집 검색어 입력칸에 신규 검색어를 입력했을 때 Autocomplete의 "일치하는 검색어가 없습니다" 영역이 표시되면서 "검색어 추가" 버튼을 가린다. 사용자는 신규 검색어 입력 후 버튼을 누르거나 Enter를 눌러 바로 검색어를 추가할 수 있어야 한다.
h2. 요구사항
- 기사 수집 검색어 입력 중 일치하는 검색 결과가 없으면 "일치하는 검색어가 없습니다" 드롭다운/영역을 표시하지 않는다.
- 신규 검색어 입력 후 Enter를 누르면 현재 "검색어 추가" 버튼과 동일하게 동작한다.
- 이미 등록된 검색어와 일치하는 경우 Enter는 "기존 검색어 선택"과 동일하게 동작하고 중복 생성 API 호출을 하지 않는다.
- 공백 입력, 추가 중 상태, API 실패 시 기존 방어 로직과 상태 메시지를 유지한다.
- Enter 입력이 전체 모니터링 저장 또는 의도하지 않은 폼 제출로 이어지지 않게 한다.
- 기존 후보 검색, 체크 선택, "검색 결과 전체 선택", "전체 해제" 동작은 깨지지 않아야 한다.
h2. 관련 파일
- codes/app/web-front/src/page/monitor/MonitoringCreatePage.tsx
- codes/app/web-front/src/page/monitor/monitoringSearchTermUtils.ts
- codes/app/web-front/src/page/monitor/monitoringSearchTermUtils.test.ts
h2. 완료 기준
- 신규 검색어 입력 시 검색 결과가 0건이면 no-options 영역이 뜨지 않아 "검색어 추가" 버튼이 가려지지 않는다.
- 신규 검색어 입력 후 Enter로 검색어가 추가되고 즉시 선택된다.
- 기존 검색어 입력 후 Enter로 기존 검색어가 선택되며 중복 upsert가 발생하지 않는다.
- 관련 테스트를 보강하고 web-front 테스트가 통과한다.
- 필요 시 수동 QA 결과를 일감 노트에 남긴다.
Actions