From b4d8cf051bb478dcefff2e3508989ad9794b8003 Mon Sep 17 00:00:00 2001
From: inyoung <rmdnps10@gmail.com>
Date: Sat, 26 Aug 2023 08:22:56 +0900
Subject: [PATCH] =?UTF-8?q?=EC=BB=A4=EB=B0=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/images/UNIVERSITY CONCERT2.svg |  5 ++++
 src/pages/Main.js                  | 39 ++++++++++++++++--------------
 2 files changed, 26 insertions(+), 18 deletions(-)
 create mode 100644 src/images/UNIVERSITY CONCERT2.svg

diff --git a/src/images/UNIVERSITY CONCERT2.svg b/src/images/UNIVERSITY CONCERT2.svg
new file mode 100644
index 0000000..8eea539
--- /dev/null
+++ b/src/images/UNIVERSITY CONCERT2.svg	
@@ -0,0 +1,5 @@
+<svg width="147" height="48" viewBox="0 0 147 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9705 0.545454H15.1808V11.804C15.1808 13.1051 14.8711 14.2386 14.2518 15.2045C13.6325 16.1648 12.7688 16.9091 11.6609 17.4375C10.5529 17.9602 9.26598 18.2216 7.80007 18.2216C6.31712 18.2216 5.02166 17.9602 3.91371 17.4375C2.80575 16.9091 1.94496 16.1648 1.33132 15.2045C0.717685 14.2386 0.410867 13.1051 0.410867 11.804V0.545454H4.62962V11.4375C4.62962 12.0398 4.7603 12.5767 5.02166 13.0483C5.28871 13.5199 5.66087 13.8892 6.13814 14.1562C6.61541 14.4233 7.16939 14.5568 7.80007 14.5568C8.43075 14.5568 8.98189 14.4233 9.45348 14.1562C9.93075 13.8892 10.3029 13.5199 10.57 13.0483C10.837 12.5767 10.9705 12.0398 10.9705 11.4375V0.545454ZM32.68 0.545454V18H29.1005L22.1545 7.92614H22.0437V18H17.8249V0.545454H21.4556L28.3249 10.6023H28.4698V0.545454H32.68ZM39.5515 0.545454V18H35.3327V0.545454H39.5515Z" fill="#6C6ADE"/>
+<path d="M46.163 0.545454L50.0664 13.3295H50.2113L54.1147 0.545454H58.8363L52.9471 18H47.3306L41.4414 0.545454H46.163ZM60.7156 18V0.545454H72.886V3.97159H64.9343V7.55114H72.2639V10.9858H64.9343V14.5739H72.886V18H60.7156ZM75.5281 18V0.545454H82.7383C84.0451 0.545454 85.1729 0.78125 86.1218 1.25284C87.0764 1.71875 87.8121 2.3892 88.3292 3.2642C88.8462 4.13352 89.1048 5.16477 89.1048 6.35795C89.1048 7.56818 88.8406 8.59659 88.3121 9.44318C87.7837 10.2841 87.0337 10.9261 86.0621 11.3693C85.0906 11.8068 83.94 12.0256 82.6104 12.0256H78.0508V8.7017H81.8263C82.4627 8.7017 82.994 8.61932 83.4201 8.45455C83.8519 8.28409 84.1786 8.02841 84.4002 7.6875C84.6218 7.34091 84.7326 6.89773 84.7326 6.35795C84.7326 5.81818 84.6218 5.37216 84.4002 5.01989C84.1786 4.66193 83.8519 4.39489 83.4201 4.21875C82.9883 4.03693 82.457 3.94602 81.8263 3.94602H79.7468V18H75.5281ZM85.3548 10.0227L89.7014 18H85.0991L80.8377 10.0227H85.3548ZM100.853 5.77841C100.797 5.15341 100.544 4.66761 100.095 4.32102C99.6516 3.96875 99.0181 3.79261 98.1942 3.79261C97.6488 3.79261 97.1942 3.86364 96.8306 4.00568C96.467 4.14773 96.1942 4.34375 96.0124 4.59375C95.8306 4.83807 95.7369 5.11932 95.7312 5.4375C95.7198 5.69886 95.771 5.92898 95.8846 6.12784C96.0039 6.3267 96.1744 6.50284 96.396 6.65625C96.6232 6.80398 96.896 6.93466 97.2141 7.0483C97.5323 7.16193 97.8903 7.26136 98.288 7.34659L99.788 7.6875C100.652 7.875 101.413 8.125 102.072 8.4375C102.737 8.75 103.294 9.12216 103.743 9.55398C104.197 9.9858 104.541 10.483 104.774 11.0455C105.007 11.608 105.126 12.2386 105.132 12.9375C105.126 14.0398 104.848 14.9858 104.297 15.7756C103.745 16.5653 102.953 17.1705 101.919 17.5909C100.89 18.0114 99.6488 18.2216 98.1942 18.2216C96.734 18.2216 95.4613 18.0028 94.3761 17.5653C93.2908 17.1278 92.4471 16.4631 91.8448 15.571C91.2425 14.679 90.9329 13.5511 90.9158 12.1875H94.9556C94.9897 12.75 95.1403 13.2188 95.4073 13.5938C95.6744 13.9688 96.0408 14.2528 96.5067 14.446C96.9783 14.6392 97.5238 14.7358 98.1431 14.7358C98.7113 14.7358 99.1942 14.6591 99.592 14.5057C99.9954 14.3523 100.305 14.1392 100.521 13.8665C100.737 13.5937 100.848 13.2812 100.853 12.929C100.848 12.5994 100.745 12.3182 100.547 12.0852C100.348 11.8466 100.041 11.642 99.6261 11.4716C99.217 11.2955 98.6942 11.1335 98.0579 10.9858L96.234 10.5597C94.7227 10.2131 93.5323 9.65341 92.663 8.88068C91.7937 8.10227 91.3619 7.05114 91.3675 5.72727C91.3619 4.64773 91.6516 3.7017 92.2369 2.8892C92.8221 2.0767 93.6317 1.44318 94.6658 0.988636C95.6999 0.534091 96.8789 0.306818 98.2028 0.306818C99.555 0.306818 100.728 0.536931 101.723 0.997158C102.723 1.4517 103.498 2.09091 104.049 2.91477C104.6 3.73864 104.882 4.69318 104.893 5.77841H100.853ZM111.481 0.545454V18H107.262V0.545454H111.481ZM113.559 3.97159V0.545454H128.311V3.97159H123.019V18H118.86V3.97159H113.559ZM129.502 0.545454H134.216L137.906 7.84943H138.059L141.75 0.545454H146.463L140.079 12.1705V18H135.886V12.1705L129.502 0.545454ZM84.9148 35.8693H80.6534C80.5966 35.4318 80.4801 35.0369 80.304 34.6847C80.1278 34.3324 79.8949 34.0312 79.6051 33.7812C79.3153 33.5312 78.9716 33.3409 78.5739 33.2102C78.1818 33.0739 77.7472 33.0057 77.2699 33.0057C76.4233 33.0057 75.6932 33.2131 75.0795 33.6278C74.4716 34.0426 74.0028 34.642 73.6733 35.4261C73.3494 36.2102 73.1875 37.1591 73.1875 38.2727C73.1875 39.4318 73.3523 40.4034 73.6818 41.1875C74.017 41.9659 74.4858 42.554 75.0881 42.9517C75.696 43.3437 76.4148 43.5398 77.2443 43.5398C77.7102 43.5398 78.1335 43.4801 78.5142 43.3608C78.9006 43.2415 79.2386 43.0682 79.5284 42.8409C79.8239 42.608 80.0653 42.3267 80.2528 41.9972C80.446 41.6619 80.5795 41.2841 80.6534 40.8636L84.9148 40.8892C84.8409 41.6619 84.6165 42.4233 84.2415 43.1733C83.8722 43.9233 83.3636 44.608 82.7159 45.2273C82.0682 45.8409 81.2784 46.3295 80.3466 46.6932C79.4205 47.0568 78.358 47.2386 77.1591 47.2386C75.5795 47.2386 74.1648 46.892 72.9148 46.1989C71.6705 45.5 70.6875 44.483 69.9659 43.1477C69.2443 41.8125 68.8835 40.1875 68.8835 38.2727C68.8835 36.3523 69.25 34.7244 69.983 33.3892C70.7159 32.054 71.7074 31.0398 72.9574 30.3466C74.2074 29.6534 75.608 29.3068 77.1591 29.3068C78.2159 29.3068 79.1932 29.4545 80.0909 29.75C80.9886 30.0398 81.7784 30.4659 82.4602 31.0284C83.142 31.5852 83.696 32.2699 84.1222 33.0824C84.5483 33.8949 84.8125 34.8239 84.9148 35.8693ZM87.3288 47V29.5455H99.4993V32.9716H91.5476V36.5511H98.8771V39.9858H91.5476V43.5739H99.4993V47H87.3288ZM102.141 47V29.5455H109.352C110.658 29.5455 111.786 29.7812 112.735 30.2528C113.69 30.7187 114.425 31.3892 114.942 32.2642C115.46 33.1335 115.718 34.1648 115.718 35.358C115.718 36.5682 115.454 37.5966 114.925 38.4432C114.397 39.2841 113.647 39.9261 112.675 40.3693C111.704 40.8068 110.553 41.0256 109.224 41.0256H104.664V37.7017H108.44C109.076 37.7017 109.607 37.6193 110.033 37.4545C110.465 37.2841 110.792 37.0284 111.013 36.6875C111.235 36.3409 111.346 35.8977 111.346 35.358C111.346 34.8182 111.235 34.3722 111.013 34.0199C110.792 33.6619 110.465 33.3949 110.033 33.2188C109.602 33.0369 109.07 32.946 108.44 32.946H106.36V47H102.141ZM111.968 39.0227L116.315 47H111.712L107.451 39.0227H111.968ZM117.461 32.9716V29.5455H132.214V32.9716H126.921V47H122.762V32.9716H117.461Z" fill="black"/>
+<path d="M30.2116 35.8693H25.9503C25.8935 35.4318 25.777 35.0369 25.6009 34.6847C25.4247 34.3324 25.1918 34.0312 24.902 33.7812C24.6122 33.5312 24.2685 33.3409 23.8707 33.2102C23.4787 33.0739 23.044 33.0057 22.5668 33.0057C21.7202 33.0057 20.9901 33.2131 20.3764 33.6278C19.7685 34.0426 19.2997 34.642 18.9702 35.4261C18.6463 36.2102 18.4844 37.1591 18.4844 38.2727C18.4844 39.4318 18.6491 40.4034 18.9787 41.1875C19.3139 41.9659 19.7827 42.554 20.3849 42.9517C20.9929 43.3437 21.7116 43.5398 22.5412 43.5398C23.0071 43.5398 23.4304 43.4801 23.8111 43.3608C24.1974 43.2415 24.5355 43.0682 24.8253 42.8409C25.1207 42.608 25.3622 42.3267 25.5497 41.9972C25.7429 41.6619 25.8764 41.2841 25.9503 40.8636L30.2116 40.8892C30.1378 41.6619 29.9134 42.4233 29.5384 43.1733C29.169 43.9233 28.6605 44.608 28.0128 45.2273C27.3651 45.8409 26.5753 46.3295 25.6435 46.6932C24.7173 47.0568 23.6548 47.2386 22.456 47.2386C20.8764 47.2386 19.4616 46.892 18.2116 46.1989C16.9673 45.5 15.9844 44.483 15.2628 43.1477C14.5412 41.8125 14.1804 40.1875 14.1804 38.2727C14.1804 36.3523 14.5469 34.7244 15.2798 33.3892C16.0128 32.054 17.0043 31.0398 18.2543 30.3466C19.5043 29.6534 20.9048 29.3068 22.456 29.3068C23.5128 29.3068 24.4901 29.4545 25.3878 29.75C26.2855 30.0398 27.0753 30.4659 27.7571 31.0284C28.4389 31.5852 28.9929 32.2699 29.419 33.0824C29.8452 33.8949 30.1094 34.8239 30.2116 35.8693ZM49.1001 38.2727C49.1001 40.1932 48.7308 41.821 47.9922 43.1562C47.2536 44.4915 46.2536 45.5057 44.9922 46.1989C43.7365 46.892 42.3274 47.2386 40.7649 47.2386C39.1967 47.2386 37.7848 46.8892 36.5291 46.1903C35.2734 45.4915 34.2763 44.4773 33.5376 43.1477C32.8047 41.8125 32.4382 40.1875 32.4382 38.2727C32.4382 36.3523 32.8047 34.7244 33.5376 33.3892C34.2763 32.054 35.2734 31.0398 36.5291 30.3466C37.7848 29.6534 39.1967 29.3068 40.7649 29.3068C42.3274 29.3068 43.7365 29.6534 44.9922 30.3466C46.2536 31.0398 47.2536 32.054 47.9922 33.3892C48.7308 34.7244 49.1001 36.3523 49.1001 38.2727ZM44.7876 38.2727C44.7876 37.1364 44.6257 36.1761 44.3018 35.392C43.9837 34.608 43.5234 34.0142 42.9212 33.6108C42.3246 33.2074 41.6058 33.0057 40.7649 33.0057C39.9297 33.0057 39.2109 33.2074 38.6087 33.6108C38.0064 34.0142 37.5433 34.608 37.2195 35.392C36.9013 36.1761 36.7422 37.1364 36.7422 38.2727C36.7422 39.4091 36.9013 40.3693 37.2195 41.1534C37.5433 41.9375 38.0064 42.5312 38.6087 42.9347C39.2109 43.3381 39.9297 43.5398 40.7649 43.5398C41.6058 43.5398 42.3246 43.3381 42.9212 42.9347C43.5234 42.5312 43.9837 41.9375 44.3018 41.1534C44.6257 40.3693 44.7876 39.4091 44.7876 38.2727ZM66.4183 29.5455V47H62.8388L55.8928 36.9261H55.782V47H51.5632V29.5455H55.1939L62.0632 39.6023H62.2081V29.5455H66.4183Z" fill="#D48D5A"/>
+</svg>
diff --git a/src/pages/Main.js b/src/pages/Main.js
index 2025586..6b0a9d4 100644
--- a/src/pages/Main.js
+++ b/src/pages/Main.js
@@ -1,15 +1,15 @@
-import React, {useState, useEffect} from 'react';
-import {useNavigate} from 'react-router-dom';
-import styled from 'styled-components';
-import axios from 'axios';
+import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import styled from "styled-components";
+import axios from "axios";
 
-import Slide from '../components/Main/Slide';
+import Slide from "../components/Main/Slide";
 
 //img
-import logo from '../images/UNIVERSITY CONCERT.svg';
-import search from '../images/Search.svg';
+import logo from "../images/UNIVERSITY CONCERT2.svg";
+import search from "../images/Search.svg";
 
-import {useAuth} from '../contexts/AuthContext';
+import { useAuth } from "../contexts/AuthContext";
 
 const Main = (props) => {
   const {
@@ -25,13 +25,13 @@ const Main = (props) => {
 
   const handleSearch = () => {
     if (searchKeyword) {
-      navigate('/search');
-      setSearchKeyword('');
+      navigate("/search");
+      setSearchKeyword("");
     }
   };
 
   //추천 행사
-  const {BASE_URL} = useAuth();
+  const { BASE_URL } = useAuth();
 
   useEffect(() => {
     getPosts();
@@ -46,7 +46,7 @@ const Main = (props) => {
         console.log(response.data.data);
       })
       .catch((error) => {
-        console.error('추천 행사들을 불러오는 중 오류가 발생했습니다.', error);
+        console.error("추천 행사들을 불러오는 중 오류가 발생했습니다.", error);
       });
   };
 
@@ -56,14 +56,14 @@ const Main = (props) => {
         <Background />
         <Header>
           <img src={logo}></img>
-          <div style={{marginTop: '12px'}}>
+          <div style={{ marginTop: "12px" }}>
             신촌 지역 대학교 동아리 공연을 한눈에 !
           </div>
-          <div style={{marginTop: '22px'}}>
-            <button onClick={() => navigate('/write')}>
+          <div style={{ marginTop: "22px" }}>
+            <button onClick={() => navigate("/write")}>
               공연 등록하러 가기
             </button>
-            <button onClick={() => navigate('/post')}>
+            <button onClick={() => navigate("/post")}>
               공연 구경하러 가기
             </button>
           </div>
@@ -72,7 +72,7 @@ const Main = (props) => {
           <span>보고 싶은 공연이 있나요?</span>
           <div>
             <input
-              placeholder='공연 이름 / 동아리 명'
+              placeholder="공연 이름 / 동아리 명"
               value={searchKeyword}
               onChange={(e) => setSearchKeyword(e.target.value)}
             />
@@ -141,7 +141,10 @@ const Header = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-
+  img {
+    position: relative;
+    z-index: 999;
+  }
   div {
     display: flex;
     flex-direction: row;