종합부동산웹앱 C-lite 투자 관제실 재구성
질의 원문
아니야 다시 페이지 구성해줘. 너무 복잡하고 접근성이 떨어져
내의견은 너의 C-lite인데 B와 같은 기능도 넣어달라는 거야
수집 경로와 시점
- 수집·구현시점: 2026-08-12 23:21:48 +09:00
- 확인 경로: 로컬 저장소
src/realestate/webapp/templates/index.html,src/realestate/webapp/static/app.css,tests/test_webapp_app.py - 직전 맥락: 이전 투자 관제실 랜딩은 단계, 빠른 링크, 프리셋, KPI가 한 번에 노출되어 사용자가 처음 어디서 시작해야 하는지 파악하기 어려웠다.
데이터 등급
| 항목 | 등급 | 비고 |
|---|---|---|
| 사용자 피드백 | 1차 사용자 입력 | 본 대화에서 직접 제공 |
| 화면 구조 | 로컬 구현 상태 | Jinja 템플릿·CSS 기준 |
| 사용성 판단 | 설계 판단 | 실제 사용자 테스트 전의 제품 설계 가정 |
| 투자 데이터 | 해당 없음 | 이번 작업은 UI/접근 흐름이며 신규 투자 판단 수치 없음 |
설계 결정
기본 방향은 C-lite 투자 관제 대시보드로 확정했다. 단, B안의 장점인 초보자용 단계 안내를 별도 화면으로 만들지 않고 첫 화면 안의 작은 beginner-rail 기능으로 포함했다.
첫 화면 핵심 구조는 세 덩어리만 둔다.
control-command: AI 투자 명령센터. 사용자는 먼저 자연어 질의를 입력하는 흐름으로 진입한다.beginner-rail: 초보자용 4단계 안내. 질문 → 원천 → 후보 → 기록 순서만 보여준다.control-dashboard: 워치리스트, 파이프라인, 보드, 문서로 가는 관제 요약 타일.
이전의 control-access-map, control-nav-grid처럼 많은 설명과 링크를 한 번에 노출하는 구조는 제거했다. 대표 질의 프리셋은 유지하되 3개로 줄여 명령센터 안에 넣었다.
고급 원천 식별자 입력은 기본 화면에서 펼쳐놓지 않고 details 접힘 영역으로 바꿨다. 네이버 단지번호, 법원 사건번호, 국토부 거래월, 건축물대장 코드 같은 값은 초보자에게는 방해가 되기 때문에 원천 식별자 직접 입력을 눌렀을 때만 보이게 했다.
가정
- 사용자는 처음에는 “무엇을 입력해야 하는지”만 알면 된다.
- 관제 대시보드의 장점은 유지해야 하므로 워치리스트·파이프라인·보드·문서 이동은 첫 화면에서 보이게 둔다.
- B안의 단계형 경험은 전체 화면을 마법사로 바꾸기보다, C-lite 안에서 짧은 안내 레일로 제공하는 편이 반복 사용자와 초보자 모두에게 낫다.
한계·미확인
- 실제 사용자의 클릭 로그나 체류 시간 기반 검증은 아직 없다.
- 이번 변경은 홈 첫 화면의 정보 구조와 접근성 개선에 집중했다.
- 원천 시그널 카드 클릭 이동, 동적 추천 프리셋, 모바일 단축 실행은 아직 다음 작업으로 남아 있다.
검증
- RED:
$env:PYTHONPATH='src'; python -m pytest tests/test_webapp_app.py::test_homepage_uses_c_lite_control_dashboard tests/test_webapp_app.py::test_homepage_hides_advanced_source_refs_behind_details tests/test_webapp_app.py::test_static_css_styles_c_lite_control_dashboard -q-> 3 failed - GREEN:
$env:PYTHONPATH='src'; python -m pytest tests/test_webapp_app.py::test_homepage_uses_c_lite_control_dashboard tests/test_webapp_app.py::test_homepage_hides_advanced_source_refs_behind_details tests/test_webapp_app.py::test_static_css_styles_c_lite_control_dashboard -q-> 3 passed - Focused:
$env:PYTHONPATH='src'; python -m pytest tests/test_webapp_app.py -q-> 18 passed - JS 문법:
node --check src/realestate/webapp/static/app.js-> 통과
다음 단계
- 원천 시그널 카드에서 원천 입력 영역으로 이동하는 앵커를 추가한다.
- 프리셋 질의를 최근 분석/워치리스트 상태에 맞춰 동적으로 추천한다.
- 모바일에서는 대표 질의 선택 후
분석 계획 만들기까지 한 번에 이어지는 단축 실행을 검토한다.
원문 Markdown: docs/analysis/2026-08-12-종합부동산웹앱-c-lite-투자관제실-재구성.md