1. 프로젝트 기본 정보

2. 기준이 된 제안요청서 문구

3. 만들어본 배경

이번에는 APG를 이용해서 Angular 프론트엔드 프로젝트를 생성해봤습니다. 기존에 React, Vue로 생성했던 흐름과 동일한 요구사항을 기준으로 Angular에서도 어느 정도까지 공공 업무시스템 구조를 만들 수 있는지 확인했습니다.

기준 문구는 조달청에 올라온 헌법재판소사무처의 재판소원 관련 정보시스템 개편사업 제안요청서 중 일부 기능요구사항입니다

재판소원 관련 전자헌법재판시스템 분석, 재판소원 관련 업무별 담당자 요구사항 수집 및 분석, 재판소원에 따른 사건 처리 프로세스를 분석하고 시스템에 반영하기 위한 업무 프로세스 정의서 작성이라는 문구를 기준으로 했습니다.

이 문구를 업무시스템 관점으로 풀면 요구사항 관리, 검토, 상태 변경, 이력 관리, 파일 관리, 공통코드, 회원/승인관리 같은 구조가 필요하다고 볼 수 있습니다.

4. 개발자 관점

이런 도구가 바로 납품 가능한 품질의 전체 시스템을 만들어준다고 보기는 어렵습니다. 실제 프로젝트에서는 기관 표준, 보안, 인증/권한, 대외 연계, 예외 처리, 성능, 테스트, 검수 대응이 필요합니다.

다만 RFP를 보고 초기에 화면 수, CRUD 범위, 테이블 구조, 상태 흐름, 공통코드 적용 범위를 가늠하는 데는 도움이 됩니다.

개발자를 대체하는 목적보다는 반복적인 기본 구조를 줄이고, 개발자가 업무 로직과 품질 검증에 집중하도록 하는 보조도구에 가깝습니다.

https://blog.naver.com/aiprogen/224339017072

블로그에 오시면 실제 파일을 받아서 직접 구동 시킬 수 있는 파일이 있습니다.

실제로는 아래에 보여지는 화면과 좀 다르게 보일 수 있습니다.

한번 구동해 보시고 피드백 주시면 감사하겠습니다.

이전 react 로 만든 내용을 보시려면

https://okky.kr/articles/1559859?topic=ai

이전 vue 로 만든 내용을 보시려면

https://okky.kr/articles/1560109

이쪽에서 확인이 가능하십니다.

그림 1. 메인 대시보드

그림 2. 재판소원 요구사항 목록

그림 3. 재판소원 요구사항 상세

그림 4. 재판소원 요구사항 수정

그림 5. 재판소원 요구사항 검토 목록

그림 6. 재판소원 요구사항 검토 수정

그림 7. 재판소원 요구사항 이력 목록

그림 8. 재판소원 요구사항 파일 등록

그림 9. 재판소원 요구사항 파일 목록

그림 10. 공통 코드 목록

그림 11. 공통 코드 수정

그림 12. 회원 목록

그림 13. 회원 상세

그림 14. 회원 수정

그림 15. 회원 승인관리