← Works로 돌아가기
Frontend
김제 상·하수도 업무 시스템
행정 업무용 Admin 화면을 맡아 대시보드·등록·납부내역·엑셀 등 현장 운영 흐름에 맞춘 UI와 상태를 정리했습니다.
역할
Admin Web Frontend — UI·라우팅·상태·엑셀·폼 검증
스택
- Next.js
- TypeScript
- React
- Tailwind
- ExcelJS
- FSD
한 일
- 대시보드·부담금·납부내역·용도관리·배수설비 대장 등 행정 업무 화면 구축
- 목록 ↔ 상세 왕복 시 검색·페이지 상태를 자연스럽게 복원하는 UX
- 엑셀보내기·다이얼로그·날짜 입력을 업무 화면에 맞게 일관화
- 계산·저장·상태 동기화처럼 현장에서 헷히는 폼 이슈까지 FE에서 마무리
성과
- 담당자가 하루에도 여러 번 쓰는 업무 화면의 동선과 피드백을 줄임
- 백엔드와 역할을 나누되, 화면 품질과 상태 흐름은 프론트에서 책임