UI 전체 구조 및 동작 재귀 탐색 프롬프트
현재 열려 있는 대상(웹사이트 / 앱 / 프로젝트 / 화면)을 직접 탐색해서
부분 확인이 아니라 “전체 구조와 동작 규칙”을 끝까지 파악해줘.
목적:
- 이 대상을 나중에 자동화 / 리버스엔지니어링 / 테스트 / 데이터 모델링 / 문서화 / 코드 구현에 쓸 수 있을 정도로 이해하는 것
조사 범위:
- 화면 구조
- 주요 기능 흐름
- 버튼 / 메뉴 / 탭 / 모달 / 폼 / 테이블 / 리스트 / 드롭다운 / 컨텍스트 메뉴
- 각 입력 요소의 타입, 선택지, 기본값, 유효성 검사, 에러 메시지
- 선택값 변경 시 나타나는 하위 필드와 조건부 UI
- 생성 / 수정 / 삭제 / 복제 / 저장 / 취소 / 이동 / 정렬 / 필터 / 검색 동작
- 상태 변화와 그에 따른 화면 반영
- 가능하면 내부 식별자, DOM 구조, 네트워크 패턴, 데이터 구조 추정
- 자동화하거나 JSON/DB/API 스키마로 옮길 때 필요한 규칙
완료 기준:
- 눈에 보이는 기능만 훑지 말고, 하위 선택지가 나오면 재귀적으로 끝까지 탐색할 것
- “확인한 것”과 “아직 미확인인 것”을 명확히 구분할 것
- 미확인 항목이 남아 있으면 중간 결론으로 끝내지 말 것
- 최종적으로 “이 구조를 재현/자동화하려면 무엇이 필요한지”까지 정리할 것
탐색 방식:
- 실제 UI를 조작하면서 확인할 것
- 단일 샘플만 보고 일반화하지 말 것
- 조건이 바뀌면 UI가 어떻게 변하는지 비교할 것
- 가능하면 상태 전이 규칙까지 정리할 것
제약:
- 외부 전송 / 실제 저장 / 제출 / 결제 / 삭제 같은 파괴적 동작은 하지 말 것
- 필요한 경우 임시 데이터 입력, 열기/닫기, 선택/해제, 취소까지는 허용
- 변경이 생기면 마지막에 현재 상태를 어떻게 남겼는지 알려줄 것
최종 결과 형식:
1. 전체 구조 요약
2. UI 요소별 상세 표
3. 상태 전이 / 조건부 표시 규칙
4. 자동화 관점의 포인트
5. 추천 데이터 스키마 또는 추상 모델
6. 미확인 항목
