사회적협동조합 통합 포털

조합 개요, 연혁, 교육 위탁 사업 실적, 운영진 프로필, 교육과정 목록/상세를 하나의 스토리텔링형 홈페이지로 소개하는 화면입니다.

• React 기반 소개 콘텐츠 페이지를 CMS 연동 없이도 컴포넌트 단위로 관리할 수 있도록 구조화
• 교육과정 목록은 카테고리·모집상태 필터와 상세 페이지 라우팅을 React Router로 구현
• 이미지 지연 로딩과 섹션별 스크롤 등장 애니메이션으로 소개 페이지의 정보 전달 흐름 설계

다단 소개 콘텐츠(조합·사업·운영진·교육과정)를 하나의 데이터 스키마로 통합 관리하는 콘텐츠 모델을 설계하여, 관리자 CMS(확장 데모)와 별도 마이그레이션 없이 그대로 연동할 수 있는 구조를 구현합니다.

개인·기관 대상 컨설팅 신청과 지자체·기업(B2G·B2B) 대상 사업 위탁 신청을 각각의 탭 폼으로 접수하는 화면입니다.

• React Hook Form과 Zod로 신청 유형별 동적 유효성 검증 스키마 구현
• Express API에서 신청 데이터를 PostgreSQL에 트랜잭션으로 저장하고 접수 번호를 자동 채번
• Prisma 스키마에 신청유형(consulting/business) 구분 컬럼을 두어 단일 테이블로 두 신청 폼 통합 관리

하나의 신청 테이블 스키마로 컨설팅·사업 신청을 통합해, 관리자 화면에서 유형 구분 없이 일괄 조회·검색할 수 있는 구조를 설계합니다.

회원가입·로그인 후 이용 가능한 게시판에서 글 작성, 댓글, 조합 공지사항 확인이 가능한 커뮤니티 화면입니다.

• JWT 기반 회원 인증과 refresh token 재발급 흐름을 Express 미들웨어로 구현
• 게시글·댓글 목록에 커서 기반 페이지네이션을 적용해 대량 게시글 조회 구조 설계
• 공지사항 게시글은 별도 플래그로 목록 상단 고정 노출되도록 정렬 로직 구현

일반 게시글과 조합 공지사항을 같은 데이터 모델 안에서 플래그로 구분해, 관리자 백오피스(확장 데모)에서 동일 인터페이스로 관리할 수 있도록 설계합니다.

회원이 개별 문의를 등록하고 관리자 답변을 확인할 수 있는 1:1 성격의 Q&A 화면으로, 일반 게시판과 별도로 운영합니다.

• 질문-답변 1:N 관계를 Prisma 관계형 스키마로 설계해 답변 이력 누적 조회 가능하도록 구현
• 비공개 문의는 API 레벨에서 작성자 ID와 세션 사용자 ID 대조 후 접근 제어
• 답변 등록 시 알림 발송을 위한 알림 큐 연동 지점을 인터페이스로 분리 설계

문의 상태 배지·비공개 접근 제어·답변 알림 연동 지점을 모듈화하여, 향후 알림 채널이 추가되어도 Q&A 도메인 로직 수정 없이 확장할 수 있는 구조를 설계합니다.