시각 화면 디자이너

화면 구조를 보고 편집하고, 저장 결과까지 확인합니다

업무 앱의 폼·레이아웃·컴포넌트 속성을 시각적으로 편집하는 상세 기능입니다. 앱의 데이터와 실행 규칙을 새로 복제하지 않고 기존 Occam4 뷰 모델을 편집합니다. 업무 전체의 구성은 노코드·업무 앱에서 살펴볼 수 있습니다.

예시 업무: 신청 폼의 새 필드 추가

1. 편집할 화면을 선택하고 현재 구조와 데이터 연결을 확인합니다.
2. 필드를 추가하거나 순서를 바꾸고, 레이블·표시·레이아웃 속성을 설정합니다.
3. 미리보기에서 값 표시, 입력 오류와 좁은 화면의 배치를 확인합니다.
4. 저장 전 변경 상태를 확인합니다. 다른 사용자가 같은 원본을 바꿨다면 충돌을 해결합니다.
5. 저장된 화면을 다시 열어 구성과 동작이 유지되는지 확인합니다.

시각 편집과 코드 편집의 공통 기준

캔버스·속성 편집기·소스 편집은 같은 화면 모델을 대상으로 합니다. 추가·삭제·이동·되돌리기와 저장 상태를 한 편집 세션에서 관리하는 것이 기준입니다. 개발자는 복잡한 컴포넌트와 서버 동작을 확장하고, 현업은 정해진 구성 범위에서 화면을 조정합니다.

어떤 결과를 검수하나요

보기 좋은 정적 화면에 더해 데이터 바인딩, 필드 검증, 키보드 이동, 저장 실패 안내, 동시 수정과 반응형 동작을 검수합니다. 지원하지 않는 컴포넌트나 소스 구조는 사전에 확인하고 무손실 왕복 편집 가능 여부를 대표 화면으로 확인합니다.

범위와 준비 자료

기존 화면, 폼 규칙, 필수 컴포넌트, 데스크톱·모바일 요구와 접근 권한을 준비합니다. 시각 디자이너의 저장은 업무 데이터 승인이나 공개 발행과 별개의 단계입니다. 기업 페이지를 공개하려면 CMS의 검토·발행 절차를 연결합니다.

페이지 작성과 발행 알아보기

이 업무의 도입안과 검토 견적 만들기