page no.
i-AUD View Mode(보고서 조회 화면)에서 모바일 및 태블릿 디바이스에 최적화된 터치 기반 UI를 제공합니다.
기존 PC 환경의 마우스 인터랙션(우클릭, 호버, 드래그 등)을 터치 제스처로 대체하고, 화면 크기에 맞는 팝업/메뉴 표시 방식을 적용합니다.
디바이스 분류 기준은 다음과 같습니다.
| 구분 | 화면 너비 | UI 특성 |
|---|---|---|
| PC | 1200px 이상 | 마우스 기반, 기존 UI 유지 |
| 태블릿 | 766px ~ 1199px | 터치 기반, 화면 중앙 팝업, 드롭다운 메뉴 |
| 모바일 | 765px 이하 | 터치 기반, 하단 슬라이드업 팝업, 풀스크린 메뉴 |
공통 터치 제스처는 다음과 같습니다.
| 제스처 | PC 대응 동작 | 설명 |
|---|---|---|
| 탭 (Tap) | 마우스 클릭 | 항목 선택, 버튼 클릭 |
| 더블탭 (Double Tap) | 더블클릭 | Grid 셀 편집 모드 진입 |
| 롱프레스 (Long Press) | 우클릭 | 컨텍스트메뉴 오픈 (약 0.5초 길게 누르기) |
| 스와이프 (Swipe) | - | 달력 넘기기 |
PC에서 우클릭으로 열리던 컨텍스트메뉴가, 모바일/태블릿에서는 롱프레스(길게 누르기)로 열립니다. 디바이스별로 메뉴의 표시 형태와 출력 메뉴 목록이 다릅니다.
표시 형태는 다음과 같습니다.
| 모바일 | 태블릿 | |
|---|---|---|
| 오픈 방식 | 롱프레스 | 롱프레스 |
| 표시 형태 | 하단 슬라이드업 (풀스크린) | 터치 위치 근처 드롭다운 |
| 서브메뉴 | 슬라이드 전환 + 뒤로가기 | 옆으로 펼침 |
| 닫기 | 딤 탭 / × 버튼 | 외부 탭 / 딤 탭 |
모바일/태블릿에서는 좌우 스와이프로 넘길 수 있으며, 「확인」 버튼으로 날짜를 확정합니다.
모든 달력 유형(일별, 월별, 연별, 주간)을 지원합니다.
팝업 표시 형태는 다음과 같습니다.
변경 사항![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-22-56.png](/download/attachments/129499177/image2026-3-3_11-22-56.png?version=1&modificationDate=1772504575871&api=v2)
![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-22-1.png](/download/attachments/129499177/image2026-3-3_11-22-1.png?version=1&modificationDate=1772504520201&api=v2)
![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-22-32.png](/download/attachments/129499177/image2026-3-3_11-22-32.png?version=1&modificationDate=1772504551014&api=v2)
| PC | 태블릿 | 모바일 | |
|---|---|---|---|
| 팝업 형태 | 드롭다운 | 중앙 다이얼로그 | 하단 슬라이드업 |
| 네비게이션 | 화살표 버튼 | 화살표 버튼 + 스와이프 | 스와이프 |
| 값 확정 | 날짜 클릭 시 즉시 | 「확인」 버튼 | 「확인」 버튼 |
시작일(From)과 종료일(To)을 선택하는 컨트롤로, 디바이스별로 레이아웃이 크게 다릅니다.
![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-26-10.png PC 버전 CalendarFromTo](/download/attachments/129499177/image2026-3-3_11-26-10.png?version=1&modificationDate=1772504769186&api=v2)
![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-25-10.png](/download/attachments/129499177/image2026-3-3_11-25-10.png?version=1&modificationDate=1772504709227&api=v2)
![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-23-49.png](/download/attachments/129499177/image2026-3-3_11-23-49.png?version=1&modificationDate=1772504628553&api=v2)
| PC | 태블릿 | 모바일 | |
|---|---|---|---|
| 레이아웃 | From/To 달력 나란히 | From/To 달력 나란히 | 달력 1개 + From↔To 탭 전환 |
| 팝업 형태 | 드롭다운 | 중앙 다이얼로그 | 하단 슬라이드업 |
| 값 확정 | 날짜 클릭 시 즉시 | 「확인」 버튼 | 「확인」 버튼 |
모바일/태블릿에서는 PC의 2패널(전체/선택) 레이아웃 대신 단일 리스트 형태로 표시됩니다. 검색, 정렬, 전체선택/전체해제 기능은 동일하게 제공됩니다.
팝업 표시 형태는 다음과 같습니다.
| PC | 태블릿 | 모바일 | |
|---|---|---|---|
| 팝업 형태 | 모달 다이얼로그 | 중앙 다이얼로그 | 하단 슬라이드업 |
| 레이아웃 | 2패널 (전체/선택) | 단일 리스트 | 단일 리스트 |
| 단일선택 확정 | 항목 클릭 시 즉시 | 「확인」 버튼 | 「확인」 버튼 |
| TreeView | 지원 | 개발 중 | 개발 중 |
모바일/태블릿에서 동일한 텍스트 입력 영역 + 파일 업로드 기능을 제공합니다.
팝업 표시 형태는 다음과 같습니다.
![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-31-47.png](/download/attachments/129499177/image2026-3-3_11-31-47.png?version=1&modificationDate=1772505106455&api=v2)
![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-31-17.png](/download/attachments/129499177/image2026-3-3_11-31-17.png?version=1&modificationDate=1772505076158&api=v2)
![연구 개발 매뉴얼 > [i-AUD] 모바일/태블릿 대응 사용자 메뉴얼 > image2026-3-3_11-32-15.png](/download/attachments/129499177/image2026-3-3_11-32-15.png?version=1&modificationDate=1772505134887&api=v2)
| PC | 태블릿 | 모바일 | |
|---|---|---|---|
| 팝업 형태 | 모달 다이얼로그 | 중앙 다이얼로그 | 하단 슬라이드업 |
| 크기 | 크기 조절 가능 | 고정 | 고정 |
| 버튼 | 파일 선택 + 확인(N개) | 파일 선택 + 확인(N개) | 파일 선택 + 확인(N개) |
|
|
| 기능 정보 |
|
|
|
|
|
|
|
|---|---|---|---|---|---|---|---|
| 시작 버전 정보 |
| ||||||
|
|