공모사업 신청·진행 포털

마감이 가까운 공모사업 카드와 내 신청서의 진행 단계, 새로 도착한 보완 요청을 한 화면에서 확인하는 첫 화면입니다.

• TanStack Query로 공고 목록과 내 신청 상태를 병렬 조회하고 화면 이동 시 캐시 재사용
• 마감 기한 계산을 서버 기준 시각으로 통일하여 클라이언트 시계 차이 방지
• 신청 단계 막대를 상태 코드 매핑 테이블 하나로 렌더링하여 단계 추가에 대응

서버 기준 시각으로 마감 남은 기간을 계산하고 신청서 단계 상태를 한 화면에 합쳐 보여주는 홈 구성을 설계합니다.

분야·마감일로 공고를 거르고 상세에서 제출 서류를 확인한 뒤, 단계별 신청서를 작성·임시저장·제출합니다. 채용·장학 지원서도 유형 칩으로 같은 화면에서 작성합니다.

• 공고별 양식 정의를 JSON 스키마로 저장하고 신청 화면에서 동적으로 필드 렌더링
• React Hook Form과 Zod 스키마로 단계별 입력 검증 및 오류 문구 표시
• 입력 변경을 디바운스하여 임시저장 API 호출, 저장 시각 표시

공고별 양식 스키마로 신청서를 그리고 자동 임시저장과 서버 마감 검증을 결합하여 입력 손실과 마감 이후 제출을 함께 막습니다.

제출한 신청서의 단계와 처리 이력을 확인하고 보완 요청 사유를 읽은 뒤 보완 서류를 다시 제출합니다. 상태 변경 이력을 시간순으로 보여주고 보완 요청이 열린 신청서에만 재제출 입력을 노출합니다.

• 상태 전이 테이블로 허용된 단계 이동만 처리하는 신청서 상태 머신 설계
• 처리 이력 테이블에 변경자·시각·사유를 기록하고 타임라인 컴포넌트로 표시
• 보완 제출 시 기존 제출본을 버전으로 보존하여 비교 조회 지원

신청서 상태 전이와 처리 이력을 하나의 테이블에서 관리하여 누가 언제 무엇을 처리했는지 추적하는 구조를 구현합니다.

선정 단체가 월간보고를 작성해 제출하고, 예산 항목별 집행 내역과 증빙을 입력해 잔액을 확인하며 정산을 제출합니다. 항목별 집행액 입력 시 잔액을 자동 계산하고 보고 기한 임박 안내를 표시합니다.

• 예산 항목별 집행액 합계와 잔액을 소수점 오차 없이 정수 단위로 계산
• 증빙 파일을 집행 행 단위로 연결하여 정산 검토 화면에서 바로 열람 가능하게 저장
• 기한 임박 상태를 서버 스케줄 작업이 갱신하여 화면 배지로 노출

집행 행과 증빙 파일을 연결하고 잔액을 자동 계산하여 정산 제출 전에 입력 오류를 걸러내는 화면을 구현합니다.