73 lines
3.0 KiB
Markdown
73 lines
3.0 KiB
Markdown
# ACS 출입 신청 화면 UI 수정
|
|
|
|
> 작성일: 2026-07-14
|
|
> 대상 화면: `/visit-requests/new`
|
|
> 요청자: 양팀장님
|
|
|
|
## 반영 내용
|
|
|
|
1. 화면 콘텐츠 폭을 브라우저 창 기준으로 넓게 사용하도록 조정했다.
|
|
2. 출입 신청 화면의 입력 항목과 레이블을 한 줄 배치로 변경했다.
|
|
3. 필수 입력 `*` 표시를 빨간색으로 변경했다.
|
|
4. 방문자 연락처와 현장감시자2 연락처에 11자리 숫자 입력 시 `000-0000-0000` 형식으로 자동 변환되도록 했다.
|
|
5. 입력 영역을 `방문자`, `출입통제담당자`, `현장감시자1과2` 테두리 박스로 구분했다.
|
|
6. 범례를 수정했다.
|
|
- 출입통제담당자 연락처: `내선번호/휴대폰번호`
|
|
- 현장감시자2 연락처: `내선번호/휴대폰번호`
|
|
7. 레이블과 개인정보 동의 문구를 수정했다.
|
|
- `퇴실 일시 *` -> `퇴실예정일시 *`
|
|
- `[개인정보 수집·이용 동의]` -> `[개인정보 수집·이용 동의 확인]`
|
|
- 개인정보 동의 거부 안내 문구 수정
|
|
|
|
## 검증
|
|
|
|
| 항목 | 결과 |
|
|
|---|---|
|
|
| `npm run typecheck` | 성공 |
|
|
| `npm --prefix frontend run build` | 성공 |
|
|
|
|
프론트 빌드는 샌드박스 안에서 `spawn EPERM`으로 한 차례 실패했으며, 승인 권한으로 재실행하여 성공을 확인했다.
|
|
|
|
## 배포 확인
|
|
|
|
2026-07-14 운영 URL `https://acs.apps.bokdev.in/visit-requests/new`의 HTML을 확인한 결과 아직 이전 asset을 참조하고 있었다.
|
|
|
|
| 구분 | JS asset | CSS asset |
|
|
|---|---|---|
|
|
| 운영 현재 | `index-B00mdy5F.js` | `index-teRe_8AF.css` |
|
|
| 최신 로컬 빌드 | `index-BteIhXv6.js` | `index-CLolpzdX.css` |
|
|
|
|
판단: UI 수정 커밋 `7a404cd Update visit request form layout`이 원격 `main`에는 push되었지만, 운영 컨테이너에는 아직 반영되지 않았다. Coolify Redeploy가 필요하다.
|
|
|
|
## 2차 수정
|
|
|
|
2026-07-14 추가 요청에 따라 한 화면 표시를 목표로 폼 밀도를 높였다.
|
|
|
|
| 항목 | 반영 |
|
|
|---|---|
|
|
| 출입 전산실/추가 구역 | 같은 행에 배치 |
|
|
| 출입 목적/작업명 | 같은 행에 배치 |
|
|
| 연락처 레이블 | `연락처 *`로 축약 |
|
|
| 차량번호 안내 | 레이블에서 제거하고 placeholder로 이동 |
|
|
| 출입 전산실 안내 | 레이블에서 제거 |
|
|
| 작업명 안내 | 레이블에서 제거하고 placeholder를 `작업 내용을 구체적으로 입력하세요`로 변경 |
|
|
| 퇴실예정일시 | `퇴실 예정일시`로 변경 |
|
|
| 직원명 | `이름`으로 변경 |
|
|
| 출입통제담당자 연락처 | 값/범례를 `내선번호/휴대폰번호`로 변경 |
|
|
| 현장감시자1과2 | `현장감시자`로 변경 |
|
|
| 현장감시자1 범례 | `IT센터 사무보조원 (자동 지정)`으로 변경 |
|
|
|
|
2차 수정 검증:
|
|
|
|
| 항목 | 결과 |
|
|
|---|---|
|
|
| `npm run typecheck` | 성공 |
|
|
| `npm --prefix frontend run build` | 성공 |
|
|
|
|
2차 최신 로컬 빌드 asset:
|
|
|
|
| 구분 | asset |
|
|
|---|---|
|
|
| JS | `index-Cc3Y9nv_.js` |
|
|
| CSS | `index-V1wV5EGT.css` |
|