상세 화면 (Detail)
한눈에 보기
상세 화면은 데이터 1건을 깔끔하게 보여주는 읽기 전용 화면입니다. 양식(Form)과 비슷하지만 수정할 수 없고, 보기에 최적화된 레이아웃을 제공합니다.
소개
상세 화면은 특정 데이터의 모든 정보를 한눈에 확인할 때 사용합니다. 목록에서 행을 클릭했을 때 열리는 "상세 보기" 용도로 많이 사용됩니다.
양식(Form) 화면과의 차이점:
- 양식은 입력/수정이 목적, 상세는 조회가 목적
- 상세 화면은 읽기 전용이므로 실수로 데이터를 변경할 위험이 없습니다
- 상세 화면은 보기에 최적화된 깔끔한 레이아웃을 제공합니다
이렇게 보입니다
상세 화면의 전체 모습입니다. 각 필드가 레이블-값 쌍으로 깔끔하게 표시됩니다.
품목 상세
기본 정보
품목코드A001
품목명M8 볼트
분류원자재
단가1,500 원
단위EA
사용여부사용
추가 정보
비고도금 처리 필요
등록일2025-01-15
최종수정일2025-03-10
첨부파일
도면_M8볼트.pdf (2.3MB)다운로드
사진_M8볼트.jpg (1.1MB)다운로드
목록으로
수정
삭제
인쇄
주요 기능
| 기능 | 설명 |
|---|---|
| 읽기 전용 | 데이터를 실수로 변경할 수 없음 |
| 섹션 구분 | 관련 필드를 그룹으로 묶어서 표시 |
| 파일 미리보기 | 이미지 파일은 썸네일로 미리보기 |
| 관련 데이터 | 연관된 테이블 데이터 함께 표시 |
| 수정 버튼 | 클릭하면 양식(Form) 화면으로 전환 |
| 인쇄 | 상세 정보를 인쇄 가능 |
양식(Form) vs 상세(Detail) 비교
| 항목 | 양식 (Form) | 상세 (Detail) |
|---|---|---|
| 목적 | 데이터 입력/수정 | 데이터 조회 |
| 편집 가능 | O | X (읽기 전용) |
| UI 스타일 | 입력 필드 중심 | 레이블-값 쌍 |
| 저장 버튼 | O | X |
| 수정 버튼 | X | O (양식으로 전환) |
| 사용 시점 | 신규 등록, 수정 시 | 목록에서 행 클릭 시 |
설정 방법
- 화면 노드를 배치하고 테이블에 연결합니다
- 화면 타입을 "상세(Detail)" 로 선택합니다
- 표시할 필드와 섹션을 설정합니다
- 하단 버튼(수정, 삭제, 인쇄 등)을 설정합니다
섹션 설정
필드를 의미 있는 그룹으로 묶을 수 있습니다:
| 섹션 예시 | 포함 필드 |
|---|---|
| 기본 정보 | 품목코드, 품목명, 분류, 단가 |
| 추가 정보 | 비고, 등록일, 수정일 |
| 첨부파일 | 도면, 사진 |
실무 예시
상황: 품질관리팀에서 수입검사 결과를 확인합니다.
수입검사 상세 화면:
- 기본 정보: 검사번호, 검사일, 입고번호, 품목, 거래처
- 검사 결과: 판정(합격/불합격), 검사항목별 결과
- 처리 내역: 승인자, 승인일시, 후속 조치
- 첨부: 검사 사진, 성적서
자주 묻는 질문
Q: 상세 화면에서 바로 데이터를 수정할 수 있나요? A: 상세 화면은 읽기 전용입니다. "수정" 버튼을 클릭하면 양식 화면으로 전환됩니다.
Q: 상세 화면과 양식 화면을 모두 만들어야 하나요? A: 필수는 아닙니다. 양식 화면만으로도 조회와 수정을 할 수 있습니다. 하지만 조회 빈도가 높은 화면은 상세 화면을 별도로 만들면 사용자 경험이 좋아집니다.
다음 단계
- 전표 화면 - 헤더+라인아이템 구조의 전표
- 마스터-디테일 화면 - 목록+상세 동시 보기