feat : 메인 액티비티 constant

sopt-makers · Dec 1, 2023 · 2d73c03 · 2d73c03
1 parent 4963db1
commit 2d73c03
Show file tree

Hide file tree

Showing 2 changed files with 124 additions and 3 deletions.
diff --git a/src/lib/constants/main.ts b/src/lib/constants/main.ts
@@ -1,6 +1,125 @@
+import { default as ImgAppjam } from '@src/assets/images/img_appjam.jpg';
+import { default as ImgEvent } from '@src/assets/images/img_event.jpg';
 import { default as ImgIntroCard1 } from '@src/assets/images/img_intro_card1.png';
 import { default as ImgIntroCard2 } from '@src/assets/images/img_intro_card2.png';
 import { default as ImgIntroCard3 } from '@src/assets/images/img_intro_card3.png';
+import { default as ImgSeminar } from '@src/assets/images/img_seminar.jpg';
+import { default as ImgSoptkaton } from '@src/assets/images/img_soptkaton.jpg';
+import { default as ImgSoptterm } from '@src/assets/images/img_soptterm.jpg';
+import { default as ImgStudy } from '@src/assets/images/img_study.jpg';
+import { TextColorType } from '../types/main';
+
+export const FIRST_INTRO_CONTENT = 1;
+export const LAST_INTRO_CONTENT = 3;
+
+export interface ActivityType {
+  img: string;
+  navKor: string;
+  navEng: string;
+  description: TextColorType[];
+}
+
+export const Activity: ActivityType[] = [
+  {
+    img: ImgAppjam.src,
+    navKor: '앱잼',
+    navEng: 'App jam',
+    description: [
+      { content: '3~5주간 ', color: 'yellow' },
+      {
+        content:
+          '기획, 디자인, 개발 파트가 팀을 이뤄 하나의 웹 또는 앱 서비스를 제작하는 SOPT 내 장기 프로젝트예요. IT 창업을 위한 협업 과정을 경험하고, 최종 ',
+        color: 'white',
+      },
+      { content: '데모데이 ', color: 'yellow' },
+      { content: '에서 ', color: 'white' },
+      { content: '각 파트 현직자들', color: 'yellow' },
+      { content: '과 결과물을 공유하고 피드백을 받아요.', color: 'white' },
+    ],
+  },
+  {
+    img: ImgSoptkaton.src,
+    navKor: '솝커톤',
+    navEng: 'Sopkaton',
+    description: [
+      { content: '무박 2일 ', color: 'yellow' },
+      {
+        content: '간 기획, 디자인, 개발 파트가 팀을 이뤄 최소 단위의 서비스를 제작하는 SOPT내 ',
+        color: 'white',
+      },
+      { content: '단기 프로젝트', color: 'yellow' },
+      {
+        content:
+          '예요. 앱잼에 앞서 팀 단위의 협업 과정을 빠르게 경험하며, IT 프로젝트에 대한 협업 감각을 익힐 수 있어요.',
+        color: 'white',
+      },
+    ],
+  },
+  {
+    img: ImgSoptterm.src,
+    navKor: '솝텀',
+    navEng: 'Sopt-term',
+    description: [
+      { content: 'SOPT를 ', color: 'white' },
+      {
+        content: '한 기수 이상 수료한 회원',
+        color: 'yellow',
+      },
+      {
+        content:
+          '끼리 모여 자유로운 주제로 IT 프로젝트를 진행해요. SOPT에서 쌓은 실력을 기반으로 보다 ',
+        color: 'white',
+      },
+      { content: '자율적인 프로젝트', color: 'yellow' },
+      { content: '를 진행할 수 있어요.', color: 'white' },
+    ],
+  },
+  {
+    img: ImgSeminar.src,
+    navKor: '정기 세미나',
+    navEng: 'Seminar',
+    description: [
+      { content: '활동 기간 동안', color: 'white' },
+      { content: '총 8회의 파트별 세미나', color: 'yellow' },
+      {
+        content:
+          '를 통해 각자 자신의 파트에서 실력을 다져요. 각 파트장의 강연, 파트원간의 지식 공유, 외부 연사 초정 등 다양한 유형의 세미나가 진행돼요.',
+        color: 'white',
+      },
+    ],
+  },
+  {
+    img: ImgStudy.src,
+    navKor: '스터디',
+    navEng: 'Study',
+    description: [
+      { content: '각 파트의 실력을 심도있게 다질 수 있는 ', color: 'white' },
+      { content: '스터디와 다양한 파트원들과 친목을 쌓을 수 있는 네트워킹', color: 'yellow' },
+      {
+        content: '이 열려요. 자율적으로 참여하며 SOPT 활동을 더욱 유익하게 만들어 나갈 수 있어요.',
+        color: 'white',
+      },
+    ],
+  },
+  {
+    img: ImgEvent.src,
+    navKor: '행사',
+    navEng: 'Events',
+    description: [
+      { content: '운영팀', color: 'yellow' },
+      { content: '에서는 SOPT 회원들의 원활한 ', color: 'white' },
+      { content: '네트워킹', color: 'yellow' },
+      { content: '을 위한 다양한 행사를 기획해요.', color: 'white' },
+      { content: '미디어팀', color: 'yellow' },
+      { content: '에서는 SOPT의 활동과 관련된 ', color: 'white' },
+      { content: '콘텐츠를 제작', color: 'yellow' },
+      {
+        content: '하여 SOPT를 대내외적으로 알려요.',
+        color: 'white',
+      },
+    ],
+  },
+];
 
 export const INTRO_CONTENT_LIST = [
   {
@@ -25,6 +144,3 @@ export const INTRO_CONTENT_LIST = [
     src: ImgIntroCard3.src,
   },
 ];
-
-export const FIRST_INTRO_CONTENT = 1;
-export const LAST_INTRO_CONTENT = 3;
diff --git a/src/lib/types/main.ts b/src/lib/types/main.ts
@@ -4,3 +4,8 @@ export type IntroContentType = {
   detail: string;
   src: string;
 };
+
+export type TextColorType = {
+  content: string;
+  color: 'yellow' | 'white';
+};