매스뱅크 문제은행 콘텐츠 관리 시스템

관리자가 과목/대분류/중분류/소분류 트리에서 원하는 위치를 선택해 문항을 입력·수정·삭제하고, 문항마다 복수 태그와 속성을 설정합니다.

• 재귀형 트리 컴포넌트로 과목/대/중/소 4단계 분류를 구현하며 노드 이동 시 React Query 캐시를 무효화합니다
• PostgreSQL Closure Table 구조로 분류 트리를 저장해 조상·자손 조회를 단일 쿼리로 처리하는 스키마를 설계합니다
• 문항 변경 이력을 별도 테이블에 append-only로 기록해 수정 전/후 diff를 조회할 수 있는 구조를 구현합니다

Closure Table 기반 분류 트리와 append-only 변경 이력 테이블을 결합해, 깊은 분류 이동과 문항 수정 추적을 동시에 지원하는 콘텐츠 스키마를 구현합니다.

관리자가 분수·루트·지수·적분 등 기호 버튼을 눌러 수식을 입력하고, 좌표평면·함수 그래프·기하 도형을 직접 그려 문항에 삽입합니다.

• MathLive 라이브러리를 통합해 분수/루트/지수/적분 기호 버튼 클릭으로 LaTeX 수식을 입력하고 즉시 렌더링합니다
• JSXGraph 기반 좌표평면·함수 그래프 작도 도구를 통합해 드래그로 점·직선·도형을 생성하고 JSON 좌표로 저장합니다
• 작성된 수식·도형은 미리보기 화면에서 학생 노출 형태 그대로 즉시 확인할 수 있도록 렌더링 파이프라인을 연결합니다

오픈소스 수식·작도 라이브러리(MathLive, JSXGraph)를 통합해 별도 편집 소프트웨어 없이 브라우저 안에서 문항의 수식·도형을 직접 저작하는 구조를 구현합니다.

관리자가 문항 내용은 그대로 두고 글꼴·크기·줄간격·배치 등 표시 형식만 별도 화면에서 변경하면 대상 분류의 모든 문항에 한 번에 반영합니다.

• 문항 콘텐츠 테이블과 표시 형식(폰트/크기/줄간격/배치) 테이블을 분리 설계해 형식 변경이 콘텐츠 수정 없이 반영되는 구조를 구축합니다
• 표시 형식 프리셋을 저장·적용하는 CRUD와 일괄 반영 트랜잭션을 구현해 대량 문항에 원자적으로 적용합니다
• 미리보기 화면과 실시간 연동해 형식 변경 결과를 저장 전에 확인할 수 있는 프리뷰 파이프라인을 구현합니다

콘텐츠·표시형식 분리 스키마와 트랜잭션 기반 일괄 반영을 결합해, 개발사 의존 없이 관리자가 직접 표시 형식을 전면 교체할 수 있는 구조를 구현합니다.

관리자가 분류·태그·문항 본문 키워드로 통합 검색하고 다중 필터를 조합하며, 이미지 라이브러리에서 기존 이미지를 재사용합니다.

• PostgreSQL pg_trgm 확장 기반 유사 검색과 분류/태그 다중 필터를 조합하는 통합 검색 쿼리 빌더를 구현합니다
• Debounced 검색 입력과 무한 스크롤로 대량 문항 목록을 탐색하는 리스트 UI를 구현합니다
• 이미지 업로드 시 중복 검사를 거쳐 이미지 라이브러리에 등록하고, 여러 문항에서의 참조 카운트를 관리하며 재사용합니다

pg_trgm 유사 검색과 다중 필터 조합, 이미지 참조 카운트 관리를 결합해 대량 콘텐츠 안에서도 원하는 문항과 자산을 빠르게 재사용하는 구조를 구현합니다.