ACS 출입 신청 화면 UI 수정

작성일: 2026-07-14
대상 화면: /visit-requests/new
요청자: 양팀장님

반영 내용

화면 콘텐츠 폭을 브라우저 창 기준으로 넓게 사용하도록 조정했다.
출입 신청 화면의 입력 항목과 레이블을 한 줄 배치로 변경했다.
필수 입력 * 표시를 빨간색으로 변경했다.
방문자 연락처와 현장감시자2 연락처에 11자리 숫자 입력 시 000-0000-0000 형식으로 자동 변환되도록 했다.
입력 영역을 방문자, 출입통제담당자, 현장감시자1과2 테두리 박스로 구분했다.
범례를 수정했다.
- 출입통제담당자 연락처: 내선번호/휴대폰번호
- 현장감시자2 연락처: 내선번호/휴대폰번호
레이블과 개인정보 동의 문구를 수정했다.
- 퇴실 일시 * -> 퇴실예정일시 *
- [개인정보 수집·이용 동의] -> [개인정보 수집·이용 동의 확인]
- 개인정보 동의 거부 안내 문구 수정

항목	결과
`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가 필요하다.

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`