1. 작성 목적
본 글은 CoreERP 프로젝트에서 구현한 로그인·회원가입 화면을 단순한 UI 소개가 아닌, 설계 판단과 기준을 기록하기 위한 문서이다. 외부 서비스가 아닌 내부 ERP 시스템을 전제로 하여, UX 최소화, 데이터 무결성, 구조 확장성을 우선순위로 두었다.
2. 로그인 화면 설계
2-1. 설계 전제
- 불특정 다수 대상 서비스가 아닌 내부 사용자 전용 시스템
- 로그인은 업무 시작을 위한 진입 관문
- 불필요한 설명, 시각적 요소 최소화
2-2. UI 구성
- ID / Password 입력 필드
- 로그인 버튼
- 회원가입 페이지 이동 링크
로그인 화면에서는 사용자가 고민하거나 선택해야 할 요소를 제거하고, 입력 → 로그인 → 시스템 진입이라는 단일 흐름만 제공하도록 구성하였다.
2-3. HTML 구조 설계 기준
로그인 버튼은 폼 제출의 의미를 가지므로 button type="submit"을 사용하였다.
반면 회원가입 이동은 페이지 전환의 의미를 가지므로 a 태그를 사용하였다.
이는 태그의 시각적 형태가 아닌, 의미(semantic)에 따른 역할 분리를 기준으로 한 설계이다.
3. 회원가입 화면 설계
3-1. 회원가입의 성격 정의
CoreERP의 회원가입은 서비스 가입이 아닌, ERP 사용자 등록 단계로 정의하였다. 따라서 입력 편의성보다 사용자 식별과 관리 용이성을 우선하였다.
3-2. 회원가입 필드 구성
- 아이디 (중복 확인)
- 비밀번호 / 비밀번호 확인
- 이름
- 이메일
- 전화번호
- 회사 코드
- 사원 번호
- 부서 선택
모든 항목은 ERP 사용자 식별 및 권한 분기를 위해 필수 정보로 판단하여 선택 입력 항목은 두지 않았다.
3-3. 부서(Department) 설계 기준
직무는 회사마다 명칭과 범위가 상이하므로, 회원가입 단계에서는 세부 직무가 아닌 큰 조직 단위의 부서만 선택하도록 설계하였다.
- 구매/자재
- 물류/입고
- 영업
- 생산
- 관리/총무
- IT/시스템
- 기타
세부 직무 및 권한은 향후 관리자 페이지에서 관리하는 구조를 전제로 한다.
4. UX 및 표현 방식
- 로그인·회원가입 화면 간 동일한 톤 유지
- 중앙 정렬 기반 단일 컬럼 레이아웃
- 저채도 색상 사용
- 필수 입력 항목에 대한 별도 표시 생략
이는 한정된 내부 사용자를 대상으로 한 ERP 시스템이라는 전제에 따른 판단으로, 암묵적인 규칙을 UX로 활용하였다.
5. 정리
로그인과 회원가입 화면은 단순한 입력 폼이 아니라, CoreERP 전체 설계 방향을 가장 먼저 드러내는 영역이다.
본 프로젝트에서는 화면 구현보다 설계 기준을 먼저 고정하는 데 집중하였으며, 이는 이후 대시보드, 업무 기능, 백엔드 연동 단계에서 구조적 안정성을 제공할 것으로 기대한다.
