#16 행사 일정 정돈 및 자동 리본, 필터, 클릭 제한 이벤트 적용 완료

Author: hadevyi

package-lock.json

@@ -20,6 +20,7 @@
     "react-dom": "^19.2.0",
     "react-icons": "^5.5.0",
     "react-router-dom": "^7.13.1",
+    "recharts": "^3.8.0",
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7"
   },

package.json

@@ -1,23 +1,28 @@
 // 사이트 전반에서 공유하는 상수 및 레이블 매핑
 
 // ─── 행사 종류 / 참여 대상 ───────────────────────────────────────────
-export type EventKind = 'regular' | 'ongoing'
+export type EventKind = 'regular' | 'ongoing' | 'special'
 
 export const EVENT_KIND: Record<EventKind, { label: string; desc: string }> = {
   regular: {
-    label: '정기',
+    label: '정기 행사',
     desc:  'SSAFYnity를 대표하는 대규모 정기 행사예요.\n연 2회(상*하반기 1회씩), 50~100명 이상 규모로 진행되는 동문회의 정체성을 담은 행사입니다',
   },
   ongoing: {
-    label: '상시',
-    desc:  '정회원을 위한 소규모 행사를 상시 운영합니다.\n더 자주, 더 가깝게 동문들과 만날 수 있는 자리입니다. 일부 공석에 대해 일반회원도 참여가능해요.',
+    label: '상시 행사',
+    desc:  '비정기적인 소규모 행사를 상시 운영합니다.\n주로 정회원 위주의 행사로 진행되며, 일부 공석에 대해서 일반회원도 참여할 수 있어요..',
+  },
+  special: {
+    label: '단발성 행사',
+    desc:  '일회성으로 기획된 특별 행사예요.\n정기·상시 일정과 별개로, 특정 목적이나 기회에 맞춰 열리는 행사입니다.',
   },
 }
 
 // label만 필요한 곳에서 사용
 export const EVENT_KIND_LABEL: { [K in EventKind]: string } = {
   regular: EVENT_KIND.regular.label,
   ongoing: EVENT_KIND.ongoing.label,
+  special: EVENT_KIND.special.label,
 }
 
 export const EVENT_AUDIENCE = {
@@ -41,8 +46,8 @@ export const EVENT_AUDIENCE_LABEL: { [K in EventAudience]: string } = {
 // 복수 선택 가능 (예: ['online', 'offline', 'recorded'])
 export const EVENT_FORMAT = {
   offline:  { label: '오프라인', desc: '현장에 직접 방문하여 참여하는 행사예요.' },
-  online:   { label: '온라인',   desc: '온라인으로 참여하는 행사예요. 참여 링크는 별도 안내돼요.' },
-  recorded: { label: '녹화제공', desc: '참석하지 못해도 추후 녹화본을 제공해드려요.' },
+  online:   { label: '온라인',   desc: '온라인으로 참여하는 행사예요. 참여 안내 및 링크는 별도 안내돼요.' },
+  recorded: { label: '녹화제공', desc: '추후 녹화본을 제공해드려요. 다만, 편집시간이 소요되니 최대 1~2개월 기다려주세요!' },
 } as const
 
 export type EventFormat = keyof typeof EVENT_FORMAT
@@ -75,6 +80,23 @@ export type RecruitDateRange = {
   endTime?:   string   // 접수 종료 시각 (기본 '23:59')
 }
 
+// ─── 행사 안내 (notices) ─────────────────────────────────────────────
+export type EventFee = {
+  members?:  number | string  // 일반회원 (숫자: 원, 문자: '무료', '자율' 등)
+  regular?:  number | string  // 정회원
+  external?: number | string  // 외부인
+  operator?: number | string  // 운영진
+  note?:     string           // 결제 방식 등 부가 안내 (\n 지원)
+}
+
+export type EventNotices = {
+  fee?:       EventFee    // 참여비
+  refund?:    string[]    // 환불 기준 (항목별, \n 지원)
+  checklist?: string[]    // 필수 확인 사항 (항목별, \n 지원)
+  items?:     string[]    // 준비물 (항목별, \n 지원)
+  custom?:    { title: string; body: string }[]  // 기타 자유 형식 안내 (\n 지원)
+}
+
 // ─── 행사 참여자 분류 ────────────────────────────────────────────────
 export type ParticipantBreakdown = {
   members?:  number  // 일반회원
@@ -103,9 +125,11 @@ export type Event = {
   summary:       string
   img?:          string
   formUrl?:      string                  // 접수 폼 URL (만료되면 생략)
-  capacity?:     number                  // 정원
+  capacity?:     number | 'unlimited'    // 정원 (숫자: 명, 'unlimited': 제한 없음)
   registrants?:  ParticipantBreakdown   // 최종 접수자
   attendees?:    ParticipantBreakdown   // 실제 참여자
+  completions?:  ParticipantBreakdown   // 수료자 (챌린지 등 수료 기준이 있는 행사)
+  notices?:      EventNotices            // 행사 안내 (참여비·환불·준비물·필수확인 등)
   note?:         string                  // 내부 메모 (운영진 참고용, 사이트에 노출 안 됨)
   internal?:     boolean                 // true면 행사 일정에서 제외, 역대 행사에는 표시
 }

public/events/Job-Preparation-Challenge-1st.jpg

@@ -10,9 +10,29 @@ export const events2022: Event[] = [
     recruitDate: { start: '2022-05-16', end: '2022-06-01' },
     location:    '멀티캠퍼스 역삼 18층',
     locationUrl: { naver: 'https://naver.me/x5GzwAww', kakao: 'https://place.map.kakao.com/21414107', google: 'https://maps.app.goo.gl/7cw8g2vDrjxw1AQU9' },
+    kind:        'special',
     audience:    'members',
     format:      ['online', 'offline'],
     summary:     '싸피니티 공식 출범을 알리는 첫 번째 행사',
+    notices: {
+      fee: {
+        members: '무료',
+      },
+      refund: [
+        '해당사항 없음',
+      ],
+      checklist: [
+        '입장 시 이름·기수·캠퍼스 등 접수 정보를 확인합니다.',
+        '도착 후 18층 프론트 데스크로 먼저 방문해주세요.',
+        '행사 후 희망자에 한해 네트워킹 시간이 진행됩니다.',
+      ],
+      custom: [
+        {
+          title: '주차 안내',
+          body:  '별도 주차장이 제공되지 않습니다. 가급적 대중교통을 이용해주세요.',
+        },
+      ],
+    },
     note:        '2022년은 정회원 개념이 없었음',
     img:         '/events/2022-founding-ceremony.jpg',
   },
@@ -23,6 +43,14 @@ export const events2022: Event[] = [
     format:    ['offline'],
     audience:  'operator',
     summary:   '1박 2일 집행부 워크숍 및 친목 도모',
+    notices: {
+      custom: [
+        {
+          title: '비용 안내',
+          body:  '이 행사는 동문회비를 사용하지 않습니다.\n참여를 희망하는 집행부원에 한해 개인 자부담으로 진행됩니다.',
+        },
+      ],
+    },
     note:      '동문회비 미사용, 운영진 자부담으로 진행 / 2022년은 정회원 개념이 없었음',
     img:       '/events/2022-operator-mt.jpg',
     internal:  true,
@@ -34,10 +62,32 @@ export const events2022: Event[] = [
     recruitDate: { start: '2022-08-09', end: '2022-08-15' },
     location:    '멀티캠퍼스 역삼 18층',
     locationUrl: { naver: 'https://naver.me/x5GzwAww', kakao: 'https://place.map.kakao.com/21414107', google: 'https://maps.app.goo.gl/7cw8g2vDrjxw1AQU9' },
-    kind:        'ongoing',
+    kind:        'special',
     audience:    'members',
     format:      ['offline', 'online'],
     summary:     '현직 IT CTO가 말하는 IT 트렌드 이야기',
+    notices: {
+      fee: {
+        members: '무료',
+      },
+      refund: [
+        '해당사항 없음',
+      ],
+      checklist: [
+        '입장 전 1층 접수 데스크에서 명찰을 수령해주세요.',
+        '코로나19 방역 지침에 따라 마스크를 반드시 착용해주세요.',
+      ],
+      custom: [
+        {
+          title: '행사 후 프로그램',
+          body:  '추첨을 통해 연사님과의 Q&A 시간이 진행됩니다.\n참석자 간 네트워킹도 별도로 진행됩니다.',
+        },
+        {
+          title: '주차 안내',
+          body:  '별도 주차장이 제공되지 않습니다. 가급적 대중교통을 이용해주세요.',
+        },
+      ],
+    },
     note:        '2022년은 정회원 개념이 없었음',
     img:         '/events/2022-open-talk.jpg',
   },
@@ -52,6 +102,35 @@ export const events2022: Event[] = [
     kind:        'regular',
     audience:    'members',
     summary:     '동문들과 함께하는 가을 체육 행사',
+    notices: {
+      fee: {
+        members: '무료',
+      },
+      refund: [
+        '해당사항 없음',
+      ],
+      checklist: [
+        '공원 입구에서 축구장까지 도보 이동이 있으니 여유 있게 도착해주세요.',
+      ],
+      items: [
+        '간편한 운동 복장',
+        '선크림 등 자외선 차단 용품',
+      ],
+      custom: [
+        {
+          title: '우천 안내',
+          body:  '우천 시 일정이 변경될 수 있습니다.\n변경 사항은 추후 공지드립니다.',
+        },
+        {
+          title: '취소 안내',
+          body:  '팀전으로 진행되는 행사 특성상,\n참여가 어려울 경우 반드시 사전에 연락 부탁드립니다.',
+        },
+        {
+          title: '뒷풀이 안내',
+          body:  '행사 후 희망자에 한해 뒷풀이 회식이 진행됩니다.\n음주 가능성이 있으니 차량 이용 예정이신 분은 참고해주세요.',
+        },
+      ],
+    },
     note:        '2022년은 정회원 개념이 없었음',
     img:         '/events/2022-sports-day.png',
   },