스크린샷을 보니 상단에 문서 탭들이 가로로 나열되어 있고, 문서가 많을 때 좌우 스크롤이 필요해서 UX가 불편한 상황이네요.
먼저 현재 코드베이스를 확인해서 탭 네비게이션 부분을 살펴보겠습니다.
현재 코드베이스에 문서 뷰어 페이지가 없네요. 스크린샷을 기반으로 개선된 문서 탭 네비게이션을 새로 구현해 드릴게요.
개선 방안:
- 드롭다운 선택기 - 문서 목록을 드롭다운으로 제공
- 이전/다음 버튼 - 명확한 네비게이션 버튼 추가
- 현재 위치 표시 - "3 / 27" 같은 인디케이터 표시
- 키보드 단축키 - 화살표 키로 빠른 이동
이제 개선된 문서 탐색 UX를 구현하겠습니다.
개선된 문서 네비게이션 UX를 구현했습니다!
주요 개선 사항:
- 드롭다운 선택기 - 모든 문서를 한눈에 보고 바로 선택 가능
- 이전/다음 버튼 - 좌우에 명확한 화살표 버튼 추가
- 페이지 인디케이터 - "1 / 27" 형식으로 현재 위치 표시
- 키보드 단축키 - ← → 화살표 키로 빠른 문서 이동
- 문서 유형별 색상 뱃지 - Contract는 파랑, Regulatory는 노랑 등으로 구분
- 반응형 디자인 - 모바일에서도 잘 작동
기존 좌우 스크롤 탭 대신 드롭다운과 명확한 네비게이션 버튼을 사용해서 27개의 문서도 쉽게 탐색할 수 있습니다.