Merge pull request #33 from LikeLion-KNU/feature/#32

타임테이블 데이터 수정
LikeLion-KNU · May 19, 2024 · 2fafd1f · 2fafd1f
2 parents 4058520 + a14263a
commit 2fafd1f
Show file tree

Hide file tree

Showing 8 changed files with 101 additions and 113 deletions.
diff --git a/src/assets/jeonhangil.webp b/src/assets/jeonhangil.webp
diff --git a/src/components/display/TimeTableSection.styled.ts b/src/components/display/TimeTableSection.styled.ts
@@ -34,9 +34,11 @@ export const EventWrapper = styled.div<{ isCurrent: boolean }>`
 export const EventTime = styled(Text)`
     font-weight: bold;
     font-family: "DM Sans", sans-serif;
+    min-width: 110px;
 `;
 
 export const EventText = styled(Text)`
     display: flex;
     align-items: center;
+    white-space: pre-line;
 `;
diff --git a/src/constants/timetable.json b/src/constants/timetable.json
@@ -1,107 +1,51 @@
 {
     "5.21": {
-        "1주차장": [
-            { "time": "09:00 ~ 10:00", "event": "개회식" },
-            { "time": "10:00 ~ 12:00", "event": "현악 4중주 공연" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "댄스 공연" },
-            { "time": "14:00 ~ 16:00", "event": "퓨전 음악 콘서트" },
-            { "time": "16:00 ~ 18:00", "event": "밴드 공연" },
-            { "time": "18:00 ~ 20:00", "event": "디제잉 파티" },
-            { "time": "20:00 ~ 22:00", "event": "불꽃놀이" }
-        ],
-        "백양로": [
-            { "time": "09:00 ~ 10:00", "event": "마켓 오프닝" },
-            { "time": "10:00 ~ 11:00", "event": "핸드메이드 상품 전시" },
-            { "time": "11:00 ~ 12:00", "event": "먹거리 장터" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "플래시몹 이벤트" },
-            { "time": "14:00 ~ 15:00", "event": "문화 체험 부스" },
-            { "time": "15:00 ~ 16:00", "event": "플리마켓" },
-            { "time": "16:00 ~ 18:00", "event": "야시장 준비" },
-            { "time": "18:00 ~ 20:00", "event": "야시장" },
-            { "time": "20:00 ~ 22:00", "event": "거리 공연" }
-        ],
         "대운동장": [
-            { "time": "09:00 ~ 10:00", "event": "조깅 이벤트" },
-            { "time": "10:00 ~ 11:00", "event": "요가 클래스" },
-            { "time": "11:00 ~ 12:00", "event": "에어로빅" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "풋살 경기" },
-            { "time": "14:00 ~ 16:00", "event": "농구 경기" },
-            { "time": "16:00 ~ 18:00", "event": "배드민턴 대회" },
-            { "time": "18:00 ~ 20:00", "event": "줄넘기 대회" },
-            { "time": "20:00 ~ 22:00", "event": "런닝 이벤트" }
-        ]
+            { "time": "18:00 ~ ", "event": "1일차 무대 관객 입장" },
+            { "time": "19:00 ~ 19:20", "event": "축사(총장님, 총동창회장 등)" },
+            { "time": "19:20 ~ 19:30", "event": "MC 소개 및 레크레이션 등" },
+            { "time": "19:30 ~ 20:00", "event": "이상미(익스) 축하공연" },
+            { "time": "20:00 ~ 20:40", "event": "노라조 축하공연" },
+            { "time": "20:40 ~ 22:00", "event": "잔나비 축하공연" }
+        ],
+        "소운동장, 복지관": [{ "time": "08:00 ~ 전량 소진", "event": "재적생 ZONE 팔찌 배부" }],
+        "다목적구장": [{ "time": "12:30 ~ 20:00", "event": "픽셀 아케이드: 인간컬링,\n인간 러쉬아워, 병뚜껑 게임" }],
+        "백양로 동편": [{ "time": "12:30 ~ 22:00", "event": "루나로드" }],
+        "생협 매대": [{ "time": "17:00 ~ 23:00", "event": "생협 매대 부스 운영" }],
+        "일청담 총학 중앙 부스": [{ "time": "09:00 ~ 23:59", "event": "중앙 부스 운영" }],
+        "벚꽃길, 학생주차장": [{ "time": "08:00 ~ 23:59", "event": "학생 부스 운영" }]
     },
     "5.22": {
-        "1주차장": [
-            { "time": "09:00 ~ 10:00", "event": "워크샵" },
-            { "time": "10:00 ~ 12:00", "event": "기타 공연" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "댄스 배틀" },
-            { "time": "14:00 ~ 16:00", "event": "합창단 공연" },
-            { "time": "16:00 ~ 18:00", "event": "피아노 독주회" },
-            { "time": "18:00 ~ 20:00", "event": "힙합 콘서트" },
-            { "time": "20:00 ~ 22:00", "event": "연극 공연" }
-        ],
-        "백양로": [
-            { "time": "09:00 ~ 10:00", "event": "아침 마켓" },
-            { "time": "10:00 ~ 11:00", "event": "수제 아이템 전시" },
-            { "time": "11:00 ~ 12:00", "event": "푸드 트럭" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "퍼포먼스 아트" },
-            { "time": "14:00 ~ 15:00", "event": "전통 공예 체험" },
-            { "time": "15:00 ~ 16:00", "event": "지역 시장" },
-            { "time": "16:00 ~ 18:00", "event": "야시장 준비" },
-            { "time": "18:00 ~ 20:00", "event": "야시장" },
-            { "time": "20:00 ~ 22:00", "event": "버스킹 공연" }
-        ],
         "대운동장": [
-            { "time": "09:00 ~ 10:00", "event": "아침 달리기" },
-            { "time": "10:00 ~ 11:00", "event": "필라테스" },
-            { "time": "11:00 ~ 12:00", "event": "스트레칭 클래스" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "배구 경기" },
-            { "time": "14:00 ~ 16:00", "event": "탁구 대회" },
-            { "time": "16:00 ~ 18:00", "event": "배드민턴 대회" },
-            { "time": "18:00 ~ 20:00", "event": "체력장" },
-            { "time": "20:00 ~ 22:00", "event": "야간 러닝" }
-        ]
+            { "time": "17:00 ~ ", "event": "2일차 무대 관객 입장" },
+            { "time": "18:00 ~ 20:30", "event": "학생 공연 7개 팀" },
+            { "time": "20:30 ~ 21:10", "event": "하하 축하공연" },
+            { "time": "21:20 ~ 22:00", "event": "QWER 축하공연" },
+            { "time": "22:10 ~ 23:10", "event": "10CM 축하공연" }
+        ],
+        "소운동장, 복지관": [{ "time": "08:00 ~ 전량 소진", "event": "재적생 ZONE 팔찌 배부" }],
+        "다목적구장": [{ "time": "12:30 ~ 20:00", "event": "픽셀 아케이드: 인간컬링,\n인간 러쉬아워, 병뚜껑 게임" }],
+        "백양로 동편": [{ "time": "12:30 ~ 22:00", "event": "루나로드" }],
+        "생협 매대": [{ "time": "17:00 ~ 23:00", "event": "생협 매대 부스 운영" }],
+        "일청담 총학 중앙 부스": [{ "time": "09:00 ~ 23:59", "event": "중앙 부스 운영" }],
+        "벚꽃길, 학생주차장": [{ "time": "08:00 ~ 23:59", "event": "학생 부스 운영" }]
     },
     "5.23": {
-        "1주차장": [
-            { "time": "09:00 ~ 10:00", "event": "개회식" },
-            { "time": "10:00 ~ 12:00", "event": "아카펠라 공연" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "합주 공연" },
-            { "time": "14:00 ~ 16:00", "event": "콘서트" },
-            { "time": "16:00 ~ 18:00", "event": "DJ 공연" },
-            { "time": "18:00 ~ 20:00", "event": "힙합 배틀" },
-            { "time": "20:00 ~ 22:00", "event": "폐막식" }
-        ],
-        "백양로": [
-            { "time": "09:00 ~ 10:00", "event": "모닝 마켓" },
-            { "time": "10:00 ~ 11:00", "event": "도자기 전시" },
-            { "time": "11:00 ~ 12:00", "event": "푸드 코트" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "거리 공연" },
-            { "time": "14:00 ~ 15:00", "event": "문화 체험" },
-            { "time": "15:00 ~ 16:00", "event": "플리마켓" },
-            { "time": "16:00 ~ 18:00", "event": "야시장 준비" },
-            { "time": "18:00 ~ 20:00", "event": "야시장" },
-            { "time": "20:00 ~ 22:00", "event": "폐막 공연" }
-        ],
         "대운동장": [
-            { "time": "09:00 ~ 10:00", "event": "조깅" },
-            { "time": "10:00 ~ 11:00", "event": "요가 클래스" },
-            { "time": "11:00 ~ 12:00", "event": "에어로빅" },
-            { "time": "12:00 ~ 13:00", "event": "점심 시간" },
-            { "time": "13:00 ~ 14:00", "event": "풋살 경기" },
-            { "time": "14:00 ~ 16:00", "event": "농구 경기" },
-            { "time": "16:00 ~ 18:00", "event": "배드민턴 대회" },
-            { "time": "18:00 ~ 20:00", "event": "줄넘기 대회" },
-            { "time": "20:00 ~ 22:00", "event": "폐막식" }
-        ]
+            { "time": "17:00 ~ ", "event": "3일차 무대 관객 입장" },
+            { "time": "17:30 ~ 19:00", "event": "전한길 선생님 초청 강연" },
+            { "time": "19:00 ~ 19:40", "event": "로이킴 축하공연" },
+            { "time": "19:40 ~ 21:10", "event": "학생 공연 7개 팀" },
+            { "time": "21:20 ~ 21:30", "event": "대동제 메이킹 영상 및 불꽃놀이 진행" },
+            { "time": "21:30 ~ 22:10", "event": "폴블랑코 축하공연" },
+            { "time": "22:10 ~ 22:40", "event": "이영현(빅마마) 축하공연" },
+            { "time": "22:40 ~ 22:50", "event": "로이킴 축하공연" }
+        ],
+        "소운동장, 복지관": [{ "time": "08:00 ~ 전량 소진", "event": "재적생 ZONE 팔찌 배부" }],
+        "다목적구장": [{ "time": "12:30 ~ 20:00", "event": "픽셀 아케이드: 인간컬링,\n인간 러쉬아워, 병뚜껑 게임" }],
+        "백양로 동편": [{ "time": "12:30 ~ 22:00", "event": "루나로드" }],
+        "생협 매대": [{ "time": "17:00 ~ 23:00", "event": "생협 매대 부스 운영" }],
+        "일청담 총학 중앙 부스": [{ "time": "09:00 ~ 23:59", "event": "중앙 부스 운영" }],
+        "벚꽃길, 학생주차장": [{ "time": "08:00 ~ 23:59", "event": "학생 부스 운영" }]
     }
 }
diff --git a/src/pages/SpecialGuestPage.styled.ts b/src/pages/SpecialGuestPage.styled.ts
@@ -36,3 +36,10 @@ export const GuestCard = styled.div`
         display: none;
     }
 `;
+
+export const LocationWrapper = styled.div`
+    display: flex;
+    gap: 5px;
+    align-items: center;
+    justify-content: center;
+`;
diff --git a/src/pages/SpecialGuestPage.tsx b/src/pages/SpecialGuestPage.tsx
@@ -10,14 +10,15 @@ import tencmImg from "@/assets/10cm.jpg";
 import backImg from "@/assets/BackImg.png";
 import hahaImg from "@/assets/haha.webp";
 import jannaviImg from "@/assets/jannavi.jpg";
+import jeonhangilImg from "@/assets/jeonhangil.webp";
 import leesangmi from "@/assets/leesangmi.jpg";
 import leeyeonghyun from "@/assets/leeyeonghyun.webp";
 import loykimImg from "@/assets/loykim.webp";
 import norazoImg from "@/assets/norazo.jpg";
 import paulblancoImg from "@/assets/paulblanco.avif";
 import qwerImg from "@/assets/qwer.webp";
 
-import { GuestCard, GuestContainer, BackImg } from "./SpecialGuestPage.styled";
+import { GuestCard, GuestContainer, BackImg, LocationWrapper } from "./SpecialGuestPage.styled";
 
 const SpecialGuestPage: React.FC = () => {
     const [activeDate, setActiveDate] = useState<string>("5.21");
@@ -41,6 +42,7 @@ const SpecialGuestPage: React.FC = () => {
             { pic: tencmImg, name: "10CM" },
         ],
         "5.23": [
+            { pic: jeonhangilImg, name: "전한길" },
             { pic: loykimImg, name: "로이킴" },
             { pic: paulblancoImg, name: "Paul Balnco" },
             { pic: leeyeonghyun, name: "이영현(빅마마)" },
@@ -66,12 +68,12 @@ const SpecialGuestPage: React.FC = () => {
                         { date: "5.23", day: "THU" },
                     ]}
                 />
-                <div>
+                <LocationWrapper>
                     <BiSolidMap size={18} color="#5d5a88" />
                     <Text size="m" weight="bold" variant="darkpurple">
                         대운동장
                     </Text>
-                </div>
+                </LocationWrapper>
                 <GuestCard>{renderGuests()}</GuestCard>
             </GuestContainer>
         </>

diff --git a/src/pages/TimeTablePage.styled.ts b/src/pages/TimeTablePage.styled.ts
@@ -24,7 +24,8 @@ export const LocationWrapper = styled.div`
     display: flex;
     justify-content: center;
     gap: 10px;
-    margin: 30px 0;
+    margin: 30px 20px;
+    flex-wrap: wrap;
 `;
 
 export const LocationButton = styled.button<{ onClick?: () => void }>`

diff --git a/src/pages/TimeTablePage.tsx b/src/pages/TimeTablePage.tsx
@@ -23,9 +23,13 @@ const TimeTablePage: React.FC = () => {
     // const currentTime = new Date("2024-05-21T11:00:00"); // Test
 
     const locationRefs = {
-        "1주차장": useRef<HTMLDivElement>(null),
-        백양로: useRef<HTMLDivElement>(null),
         대운동장: useRef<HTMLDivElement>(null),
+        "소운동장, 복지관": useRef<HTMLDivElement>(null),
+        다목적구장: useRef<HTMLDivElement>(null),
+        "백양로 동편": useRef<HTMLDivElement>(null),
+        "생협 매대": useRef<HTMLDivElement>(null),
+        "일청담 총학 중앙 부스": useRef<HTMLDivElement>(null),
+        "벚꽃길, 학생주차장": useRef<HTMLDivElement>(null),
     };
 
     const handleLocationClickHandler = (location: keyof typeof locationRefs) => {
@@ -76,21 +80,45 @@ const TimeTablePage: React.FC = () => {
                 ))}
             </LocationWrapper>
             <TimeTableSection
-                title="1주차장"
-                data={getTimetableData(timetableData)(activeDate, "1주차장")}
-                locationRef={locationRefs["1주차장"]}
+                title="대운동장"
+                data={getTimetableData(timetableData)(activeDate, "대운동장")}
+                locationRef={locationRefs["대운동장"]}
                 currentTime={currentTime}
             />
             <TimeTableSection
-                title="백양로"
-                data={getTimetableData(timetableData)(activeDate, "백양로")}
-                locationRef={locationRefs["백양로"]}
+                title="소운동장, 복지관"
+                data={getTimetableData(timetableData)(activeDate, "소운동장, 복지관")}
+                locationRef={locationRefs["소운동장, 복지관"]}
                 currentTime={currentTime}
             />
             <TimeTableSection
-                title="대운동장"
-                data={getTimetableData(timetableData)(activeDate, "대운동장")}
-                locationRef={locationRefs["대운동장"]}
+                title="다목적구장"
+                data={getTimetableData(timetableData)(activeDate, "다목적구장")}
+                locationRef={locationRefs["다목적구장"]}
+                currentTime={currentTime}
+            />
+            <TimeTableSection
+                title="백양로 동편"
+                data={getTimetableData(timetableData)(activeDate, "백양로 동편")}
+                locationRef={locationRefs["백양로 동편"]}
+                currentTime={currentTime}
+            />
+            <TimeTableSection
+                title="생협 매대"
+                data={getTimetableData(timetableData)(activeDate, "생협 매대")}
+                locationRef={locationRefs["생협 매대"]}
+                currentTime={currentTime}
+            />
+            <TimeTableSection
+                title="일청담 총학 중앙 부스"
+                data={getTimetableData(timetableData)(activeDate, "일청담 총학 중앙 부스")}
+                locationRef={locationRefs["일청담 총학 중앙 부스"]}
+                currentTime={currentTime}
+            />
+            <TimeTableSection
+                title="벚꽃길, 학생주차장"
+                data={getTimetableData(timetableData)(activeDate, "벚꽃길, 학생주차장")}
+                locationRef={locationRefs["벚꽃길, 학생주차장"]}
                 currentTime={currentTime}
             />
             <ScrollTopButton onClick={handleScrollToTop}>

diff --git a/src/utils/timetableUtils.ts b/src/utils/timetableUtils.ts
@@ -4,9 +4,13 @@ interface Event {
 }
 
 interface LocationData {
-    "1주차장": Event[];
-    백양로: Event[];
     대운동장: Event[];
+    "소운동장, 복지관": Event[];
+    다목적구장: Event[];
+    "백양로 동편": Event[];
+    "생협 매대": Event[];
+    "일청담 총학 중앙 부스": Event[];
+    "벚꽃길, 학생주차장": Event[];
 }
 
 export interface TimetableData {