UDATE 03-club-info-cms.md RP

[CHLLab-Hub]

No description provided.

[CHLLab-Hub]

작업내용

• 백오피스 구축: 초보자 친화적으로 데이터 입력, 수정, 배치할 수 있는 UI 구현
• 데이터 동적화: 하드 코딩된 정보를 Mongo DB로 이전하고, API를 통해 Main Web에서 주기적으로 불러오도록 변경
• 시스템 최적화: 프론트엔드와 백엔드 간의 타입 공유 및 연도별/기수별 확장이 용이한 구조 설계

포함내용

• 관리 대상 데이터
  − 임원진 정보: 연도, 이름, 직책, 학과, 인터뷰 내용(Markdown), 프로필 이미지 등
  − 대외 링크: 홈페이지, SNS, GitHub 등 링크 종류와 아이콘 식별자 관리
  − FAQ: 카테고리별 질문 및 답변(Rich Text 지원) 관리

• 기술적 구현
  − DB/API: MongoDB(Mongoose) 스키마 설계 및 RESTful API 엔드포인트 구성
  − UX 기능: 드래그 앤 드롭 순서 변경, 실시간 유효성 검사, Markdown/Rich Text 에디터
  − 안정성: Zod를 활용한 타입 안전성 확보 및 Next.js의 ISR을 이용한 렌더링 최적화

기대 효과 및 전략

• 운영 민첩성: 개발자의 코드 수정과 재배포 과정 없이 운영진이 직접 정보를 최신화하여 서비스 자율성 증대
• 확장 가능성: 데이터가 연도/기수별로 누적되므로, 향후 '역대 임원진'이나 '활동 아카이브' 등의 기능으로 확장 용이
• 사용자 경험: API 장애 시에도 UI가 깨지지 않도록 에러 바운더리와 스켈레톤 UI 적용 등 DX와 UX의 조화 강조

[i2na]

임원진 관리에서,

• 활동 연도 대신 기수를 넣으면 좋을 거 같습니다. (year를 cohort로 대체)
• studentId를 number로 하면 좋을 거 같습니다. (20만 저장)
• interview는 md까지는 아직 하지말고, text로 받는게 나을거 같습니다. 기존 메인 웹을 보면 한줄소개 그리고 세 질문에 대한 답변이 있는데 이를 싹 없애고, 한줄소개만 조금 더 긴 분량으로 렌더하도록 바꾸면 유지보수가 편해질 거 같습니다.
• 모든 필드의 값을 다 보여줄 거기 때문에 isActive는 없어도 될거 같습니다.
• profileImage에서 이미지 업로드 기능에 대한 구현 계획이 안 보입니다. 이 부분은 일단 간단하게 이미지 url을 넣도록 구현을 하고, 이후에 02-activity-cms.md에서 이미지 업로드 기능이 구현되면 이 부분을 가져와서 동일하게 사용하도록 하면 될 거 같습니다.
• 기수별 임원진 목록 필터링은 없어야 합니다. DB에 기수별로 저장하지 않고 지금 당장의 렌더할 기수에 대해서만 저장할 것이기 때문입니다.

[i2na]

FAQ 관리에서,

• 답변 내용이 길지 않아서, answer도 string으로 놔도 될거 같습니다.
• 모두 렌더를 할거라, isActive는 없어도 될 거 같습니다.
• 굵은 글씨, 링크 삽입 등의 추가 기능은 일단 당장은 안 넣어도 됩니다. 기능 완성 후 시간이 남는다면 넣으면 좋겠습니다.

[i2na]

대외링크 관리에서,

• iconType은 없어도 됩니다. type 값에 따라 아이콘을 부여하도록 프론트엔드에서 관리하면 됩니다.
• 이것도 마찬가지로, isActive가 불필요합니다.