Merge branch 'develop' into feature/poster-session

Author: jungmir

package.json

@@ -60,6 +60,8 @@
     ]
   },
   "devDependencies": {
+    "@types/kakaomaps": "^1.1.5",
+    "@types/navermaps": "^3.7.8",
     "@types/react-helmet": "^6.1.11",
     "@types/react-redux": "^7.1.33",
     "eslint-config-prettier": "^9.1.0",

public/images/place/suwon_bus.png

@@ -17,6 +17,7 @@
     <meta name="description" content="Web site created using create-react-app" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
+    <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=d3945eccce7debf0942f885e90a71f97"></script>
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

public/images/place/suwon_subway.png

@@ -13,13 +13,13 @@ function SponsorTable({ max, levelName, sponsors, ...rest }: Props) {
   return (
     <SponsorCard>
       <H3>{levelName}</H3>
-      <div style={{ gridTemplateColumns: `repeat(${max}, 1fr)` }}>
+      <SponsorLogoList>
         {sponsors.map((sponsor) => (
           <Link to={`/sponsoring/sponsor/${sponsor.id}`} relative="path">
             <LogoImage image={sponsor.logo_image} />
           </Link>
         ))}
-      </div>
+      </SponsorLogoList>
     </SponsorCard>
   );
 }
@@ -30,54 +30,63 @@ interface Image {
 
 const H3 = styled.h3`
   color: #141414 !important;
+  width: 120px;
 `;
 
 const LogoImage = styled.div<Image>`
   display: inline-flex;
   justify-content: center;
   align-itmes: center;
   color: #141414;
-  width: 320px;
   height: 200px;
   background-image: url(${(props) => props.image});
   background-size: contain;
   background-position: center;
 
-  & > img {
-    height: 50%;
+  @media only screen and (max-width: 480px) {
+    width: 320px;
   }
 
   @media only screen and (max-width: 810px) {
-    width: 100%;
+    width: 200px;
+  }
+
+  @media only screen and (max-width: 1200px) {
+    width: 240px;
+  }
+
+  @media only screen and (min-width: 1200px) {
+    width: 320px;
+  }
+
+  @media only screen and (min-width: 1800px) {
+    width: 360px;
   }
 `;
 
+const SponsorLogoList = styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 3vw;
+  justify-content: center;
+  width: 100%;
+`;
+
 const SponsorCard = styled.div`
   border: 1px solid #b0a8fe;
   border-radius: 16px;
   display: flex;
   padding: 1rem 1.5rem;
   align-items: center;
   background-color: #c2c7d0;
+  min-width: 280px;
 
   & > h3 {
     color: #b0a8fe;
     margin: 0;
-    flex: 200px;
-  }
-
-  & > div {
-    width: 100%;
-    display: grid;
-    grid-gap: 1.5rem;
-    flex: auto;
-
-    & > a {
-      max-height: 20rem;
-    }
   }
 
-  @media only screen and (max-width: 810px) {
+  @media only screen and (max-width: 480px) {
     flex-direction: column;
     margin: 1rem;
 
@@ -86,12 +95,6 @@ const SponsorCard = styled.div`
       margin: 0;
       flex: auto;
     }
-
-    & > div {
-      display: flex;
-      flex-wrap: wrap;
-      flex-direction: column;
-    }
   }
 `;
 

public/index.html

@@ -1,7 +1,6 @@
-import { useDispatch } from "react-redux";
+import { useDispatch } from "react-redux"
 
-import { openGlobalDialog, setLanguage } from "store/Core";
-import { DIALOG_CONST_PROGRAM_NOT_HELD_ON_2024 } from "store/Core/dialog";
+import { setLanguage } from "store/Core"
 
 export type MenuElementOnClickArgType = {
   setOpenMenu: React.Dispatch<React.SetStateAction<boolean>>;
@@ -40,6 +39,10 @@ const Menus: MenuType = {
         name: "건강 관련 안내",
         path: "/about/health",
       },
+      {
+        name: "장소 안내",
+        path: "/about/place",
+      },
       // {
       //   name: "파이콘 한국 준비위원회",
       //   path: "/about/organizing-team",

src/components/Footer/SponsorTable.tsx

@@ -59,7 +59,7 @@ const EnglishTranslation = {
   "결제 일시": "Payment date",
   금액: "Price",
   변경일: "Updated at",
-  "수원 컨벤션 센터": "Suwon Convention Center",
+  "수원컨벤션센터": "Suwon Convention Center",
   "2024.10.26": "October 26, 2024",
   "2024.10.27": "October 27, 2024",
   "10번째 파이콘 한국에": "Join us",
@@ -78,7 +78,7 @@ const EnglishTranslation = {
   "를 참고해보시는 것은 어떨까요?": "might be helpful.",
   "진행일정 및 장소": "Schedule and Venue",
   "일자: 2024년 10월 25일 금요일": "Date: Friday, October 25, 2024",
-  "장소: 수원 컨벤션센터 3층": "Venue: 3rd Floor, Suwon Convention Center",
+  "장소: 수원컨벤션센터 3층": "Venue: 3rd Floor, Suwon Convention Center",
   "진행자 모집 일정": "Recruitment Schedule for Instructors",
   "~ 2024년 07월 31일 수요일 23:59:59 (KST)": "~ Wednesday, July 31, 2024, 23:59:59 (KST)",
   "지난 튜토리얼": "Previous Tutorials",
@@ -286,6 +286,85 @@ const EnglishTranslation = {
   "일상 / 사회": "Daily life / Society",
   자동화: "Automation",
   "컴퓨터 비전": "Computer Vision",
+  "건강 관련 안내": "Health Information",
+  // About place
+  "장소 안내": "Location",
+  "카카오맵": "Kakaomap",
+  "네이버 지도": "NAVER Map",
+  "구글 지도": "Google Maps",
+  "카카오맵에서 열기": "Open in Kakaomap",
+  "네이버 지도에서 열기": "Open in NAVER Map",
+  "구글 지도에서 열기": "Open in Google Maps",
+  "도로명 주소": "Road Address",
+  "도로명 주소 : 16514, 경기도 수원시 영통구 광교중앙로 140(하동)": "16514, 140, Gwanggyojungang-ro, Yeongtong-gu, Suwon-si, Gyeonggi-do, Republic of Korea",
+  "지번 주소 : 16514, 경기도 수원시 영통구 하동 864-10": "",
+  "대중교통": "Public Transportation",
+  "지하철": "Subway",
+  "버스": "Bus",
+  "광교중앙역": "GwanggyoJungang Station",
+  "신분당선 「광교중앙역」": "Shinbundang Line 「GwanggyoJungang Station」",
+  "4번 출구에서 도보 10분": "10 minutes on foot from Exit 4",
+  "광역급행버스 「광교중앙·아주대환승센터」 하차 시": "Get off at Gwanggyo Jungang (Ajou University) station (using WideArea Express Bus)",
+  "서울역": "Seoul Station",
+  "강남역": "Gangnam Station",
+  "「광교중앙·아주대환승센터」 하차": "Get off at Gwanggyo Jungang (Ajou University) station",
+  "시내버스 「수원컨벤션센터·롯데아울렛」 하차 시": "Get off at Suwon Convention Center (Lotte Outlet) station (using city bus)",
+  "수원컨벤션센터·롯데아울렛 하차": "Get off at Suwon Convention Center (Lotte Outlet) station",
+  "수원컨벤션센터·광교갤러리아 백화점": "Suwon Convention Center (Gwanggyo Galleria Department Store) station",
+  "수원컨벤션센터·광교갤러리아 백화점 하차": "Get off at Suwon Convention Center (Gwanggyo Galleria Department Store) station",
+  "공항 리무진": "Airport Shuttle Bus",
+  "리무진 버스": "Airport Shuttle Bus",
+  "시외버스": "Intercity Bus",
+  "인천공항": "Incheon International Airport",
+  "김포공항": "Gimpo International Airport",
+  "인천공항 「한국민속촌」행": "Incheon International Airport to Korean Folk Village",
+  "동수원": "East Suwon(Dongsuwon)",
+  "동수원 하차": "Get off at East Suwon(Dongsuwon)",
+  "김포공항 「동수원」행": "Gimpo International Airport to East Suwon(Dongsuwon)",
+  "(택시 10분 또는 버스 30분)": "(10 minutes by taxi or 30 minutes by city bus)",
+  "노선 세부정보": "Route Details",
+  "운행시간": "Operating Hours",
+  "소요시간": "Travel Time",
+  "노선정보": "Route",
+  "요금": "Fare",
+  "탑승위치": "Boarding Location",
+  "(공항행) 첫차 04:35, 막차 19:05": "(For Airport) The First Bus 04:35, The Last Bus 19:05",
+  "(수원행) 첫차 T1 05:50, T2 05:30, 막차 T1 22:20, T2 22:00": "(For Suwon) The First Bus T1 05:50, T2 05:30, The Last Bus T1 22:20, T2 22:00",
+  "75분 (73km)": "75 minutes (73km)",
+  "30분 ~ 110분 배차 간격": "Interval 30min~110min",
+  "제1터미널": "Terminal 1",
+  "제2터미널": "Terminal 2",
+  "(제1터미널) 1층 7번 게이트": "(Terminal 1) Gate 7 on the 1st floor",
+  "(제2터미널) 교통센터 지하 1층 40번 게이트": "(Terminal 2) Gate 40 on 1st basement level, Transportation Center",
+  "흥덕지구입구 ↔ 신갈(용인) ↔ 한국민속촌": "Heungdeok Zone Entrance ↔ Singal(Yongin) ↔ Korean Folk Village",
+
+  "(공항행) 첫차 05:05, 막차 20:20": "(For Airport) The First Bus 05:05, The Last Bus 20:20",
+  "(수원행) 첫차 06:50, 막차 22:25": "(For Suwon) The First Bus 06:50, The Last Bus 22:25",
+  "일반": "Normal",
+  "급행": "Express",
+  "(일반) 15분 ~ 30분 배차 간격 / (급행) 60분 ~ 130분 배차 간격": "(Normal Bus) Interval 15~30min, (Express Bus) Interval 60~130min",
+  "(국제선) 2층 1번": "(International Terminal) No. 1 on the 2nd floor",
+  "(국내선) 11-4번": "(Domestic Terminal) No. 11-4",
+  "한일타운 ↔ 의왕(고천) ↔ 호계사거리 ↔ 안양(범계) ↔ 관악역 ↔ 김포공항": "Hanil Town ↔ Uiwang(Gocheon) ↔ Hogye Four Way ↔ Anyang(Beomgye) ↔ Gwanak Station ↔ Gimpo Airport",
+  "수원역 ↔ 서수원터미널 ↔ 김포공항": "Suwon Station ↔ Seo Suwon Bus Terminal ↔ Gimpo Airport",
+
+  "주차 안내": "Parking Information",
+  "주차장 주차요금표": "Parking Rate Table",
+  "구분": "Classification",
+  "1회 주차요금": "One-time parking Rate",
+  "최초 30분까지": "First 30 minutes",
+  "30분 초과 후 (10분마다)": "After 30 minutes (every 10 minutes)",
+  "1일": "1 day",
+  "승용 및 승합": "Sedan and Van",
+  "※수원시주차장조례 1급지 적용": "",
+  "위 표는 2024년 10월 5일 기준 수원컨벤션센터 홈페이지에 게시된 지하주차장 요금표입니다.": "This is based on the parking rate table posted on the Suwon Convention Center website as of October 5, 2024.",
+  "카드결제만 가능합니다. (신용/체크/교통/삼성페이)": "Card payment only. (Credit/Debit/Transport/Samsung Wallet)",
+  "15인승 이상 25인승 미만 승합자동차, 2.5톤 이상 4.5톤 미만 화물자동차 또는 크기가 이에 준하는 차량은 지하주차장 이용이 불가합니다.": "Vans with 15 to 25 seats, trucks with 2.5 to 4.5 tons, or vehicles of similar size are not allowed in the underground parking lot.",
+  "출구 정산 기준 20분 이내 회차시간은 무료입니다. (※ 경과 시 20분을 포함한 정상요금 부과)": "If you return within 20 minutes of exiting, it's free. (※ If more than 20 minutes have passed, the normal rate will be charged.)",
+  "주차요금 감면 등의 자세한 내용은": "For more information on parking fee reductions, please refer to the ",
+  "수원컨벤션센터 주차안내 페이지": "Suwon Convention Center Parking Information page",
+  "를 참고해주세요.": "",
+  "https://www.scc.or.kr/parking-2/": "https://www.scc.or.kr/en/parking-2"
 };
 
 export default EnglishTranslation;