이럴 때 써요
- SKU·거래처처럼 짧은 등록을 모달로 받을 때
- 전표처럼 헤더와 여러 분개 줄을 한 화면에서 넣을 때
- 가입을 단계로 나누거나 로그인 화면이 필요할 때
입력 폼은 한 건을 채우는 화면이에요. 실무에서는 전체 페이지보다 모달·사이드 패널처럼 좁은 폭으로 열리는 경우가 많아요. 아래 예시는 모달 폭에 맞춰 한 열로 쌓아요.
SKU 등록, 회계 전표(헤더+분개 줄), 회원가입 단계, 로그인처럼 쓰는 장면을 나눴어요. 저장·확인은 연습 요청만 보내고 서버에는 넣지 않아요.
SKU 등록 — 코드·이름·단위만. 한 열 모달 폭이에요.
전표 — 일자·적요 헤더 + 분개 줄(계정·금액).
회원가입 — 이름 → 연락처 → 약관 동의 단계예요.
로그인 — 이메일·비밀번호와 구글 시작 버튼이에요.
PC는 본문 전폭(16:10), 태블릿 가로는 그보다 좁은 1024×768로 봐요. 모달·알림도 이 화면 안에서 보여요.
SKU 등록 — 코드·이름·단위만. 한 열 모달 폭이에요.
전표 — 일자·적요 헤더 + 분개 줄(계정·금액).
회원가입 — 이름 → 연락처 → 약관 동의 단계예요.
로그인 — 이메일·비밀번호와 구글 시작 버튼이에요.