Merge pull request #70 from taco-official/KL-159/리팩토링

feat(KL-159/리팩토링): add invalidation on github action
taco-official · Oct 15, 2024 · acaab0a · acaab0a
2 parents f65c74b + 4e3b16b
commit acaab0a
Show file tree

Hide file tree

Showing 32 changed files with 161 additions and 29 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -38,21 +38,23 @@ jobs:
       - name: Build project
         run: yarn build
 
-      - name: SHOW AWS CLI VERSION
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-          AWS_EC2_METADATA_DISABLED: true
-        run: |
-          aws --version
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: us-east-1
 
       - name: Sync Bucket
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-          AWS_EC2_METADATA_DISABLED: true
         run: |
           aws s3 sync \
             --region us-east-1 \
             dist s3://klkl-frontend \
-            --delete
+            --delete \
+
+      - name: Create Invalidation
+        env:
+          CLOUD_FRONT_ID: ${{ secrets.AWS_CLOUDFRONT_ID}}
+        run: |
+          aws cloudfront create-invalidation \
+            --distribution-id $CLOUD_FRONT_ID --paths "/*"
diff --git a/index.html b/index.html
@@ -14,6 +14,93 @@
       rel="stylesheet"
       href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block"
     />
+
+    <link
+      rel="apple-touch-icon"
+      sizes="57x57"
+      href="./src/images/favicon/apple-icon-57x57.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="60x60"
+      href="./src/images/favicon/apple-icon-60x60.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="72x72"
+      href="./src/images/favicon/apple-icon-72x72.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="76x76"
+      href="./src/images/favicon/apple-icon-76x76.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="114x114"
+      href="./src/images/favicon/apple-icon-114x114.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="120x120"
+      href="./src/images/favicon/apple-icon-120x120.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="144x144"
+      href="./src/images/favicon/apple-icon-144x144.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="152x152"
+      href="./src/images/favicon/apple-icon-152x152.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="./src/images/favicon/apple-icon-180x180.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="192x192"
+      href="./src/images/favicon/android-icon-192x192.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="./src/images/favicon/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="96x96"
+      href="./src/images/favicon/favicon-96x96.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="./src/images/favicon/favicon-16x16.png"
+    />
+    <link
+      rel="manifest"
+      href="./src/images/favicon/manifest.json"
+    />
+    <meta
+      name="msapplication-TileColor"
+      content="#000000"
+    />
+    <meta
+      name="msapplication-TileImage"
+      content="./src/images/favicon/ms-icon-144x144.png"
+    />
+    <meta
+      name="theme-color"
+      content="#000000"
+    />
+
     <title>끼룩끼룩</title>
   </head>
   <body>

diff --git a/src/components/Navbar/components/LoginButton.jsx b/src/components/Navbar/components/LoginButton.jsx
@@ -6,7 +6,8 @@ import useLoginStore from '@stores/useLoginStore'
 import PlainButton from '../../Button/PlainButton'
 import ProfileImage from '../../UserProfile/ProfileImage'
 
-const defaultImage = import.meta.env.VITE_DEFAULT_IMAGE
+const defaultImage =
+  'https://del5h2y0q6wga.cloudfront.net/member_image/default.webp'
 
 export default function LoginButton() {
   const { isLogin, loginData } = useLoginStore()

diff --git a/src/images/favicon/android-icon-144x144.png b/src/images/favicon/android-icon-144x144.png
diff --git a/src/images/favicon/android-icon-192x192.png b/src/images/favicon/android-icon-192x192.png
diff --git a/src/images/favicon/android-icon-36x36.png b/src/images/favicon/android-icon-36x36.png
diff --git a/src/images/favicon/android-icon-48x48.png b/src/images/favicon/android-icon-48x48.png
diff --git a/src/images/favicon/android-icon-72x72.png b/src/images/favicon/android-icon-72x72.png
diff --git a/src/images/favicon/android-icon-96x96.png b/src/images/favicon/android-icon-96x96.png
diff --git a/src/images/favicon/apple-icon-114x114.png b/src/images/favicon/apple-icon-114x114.png
diff --git a/src/images/favicon/apple-icon-120x120.png b/src/images/favicon/apple-icon-120x120.png
diff --git a/src/images/favicon/apple-icon-144x144.png b/src/images/favicon/apple-icon-144x144.png
diff --git a/src/images/favicon/apple-icon-152x152.png b/src/images/favicon/apple-icon-152x152.png
diff --git a/src/images/favicon/apple-icon-180x180.png b/src/images/favicon/apple-icon-180x180.png
diff --git a/src/images/favicon/apple-icon-57x57.png b/src/images/favicon/apple-icon-57x57.png
diff --git a/src/images/favicon/apple-icon-60x60.png b/src/images/favicon/apple-icon-60x60.png
diff --git a/src/images/favicon/apple-icon-72x72.png b/src/images/favicon/apple-icon-72x72.png
diff --git a/src/images/favicon/apple-icon-76x76.png b/src/images/favicon/apple-icon-76x76.png
diff --git a/src/images/favicon/apple-icon-precomposed.png b/src/images/favicon/apple-icon-precomposed.png
diff --git a/src/images/favicon/apple-icon.png b/src/images/favicon/apple-icon.png
diff --git a/src/images/favicon/browserconfig.xml b/src/images/favicon/browserconfig.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
diff --git a/src/images/favicon/favicon-16x16.png b/src/images/favicon/favicon-16x16.png
diff --git a/src/images/favicon/favicon-32x32.png b/src/images/favicon/favicon-32x32.png
diff --git a/src/images/favicon/favicon-96x96.png b/src/images/favicon/favicon-96x96.png
diff --git a/src/images/favicon/favicon.ico b/src/images/favicon/favicon.ico
diff --git a/src/images/favicon/manifest.json b/src/images/favicon/manifest.json
@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}
diff --git a/src/images/favicon/ms-icon-144x144.png b/src/images/favicon/ms-icon-144x144.png
diff --git a/src/images/favicon/ms-icon-150x150.png b/src/images/favicon/ms-icon-150x150.png
diff --git a/src/images/favicon/ms-icon-310x310.png b/src/images/favicon/ms-icon-310x310.png
diff --git a/src/images/favicon/ms-icon-70x70.png b/src/images/favicon/ms-icon-70x70.png
diff --git a/src/pages/HomePage/HomePage.jsx b/src/pages/HomePage/HomePage.jsx
@@ -12,26 +12,24 @@ import ReviewCarousels from './ReviewCarousel'
 
 const ImageArr = [
   {
-    name: 'Namibia',
-    image:
-      'https://m.worldvision.or.kr/story/wp-content/uploads/2016/05/img_num1_bg-759x500.jpg',
+    name: '중국',
+    image: `https://del5h2y0q6wga.cloudfront.net/country_images/china.jpg`,
   },
   {
-    name: 'Czech',
-    image: `https://tourimage.interpark.com/BBS/Tour/FckUpload/201503/6356258929950226150.jpg`,
+    name: '일본',
+    image: 'https://del5h2y0q6wga.cloudfront.net/country_images/japan.jpg',
   },
   {
-    name: 'Korea',
-    image:
-      'https://korean.visitseoul.net/data/kukudocs/seoul2133/20220526/202205261429481961.jpg',
+    name: '베트남',
+    image: 'https://del5h2y0q6wga.cloudfront.net/country_images/vietnam.jpg',
   },
   {
-    name: 'Japan',
-    image: `https://i.namu.wiki/i/AIdI-1BBVmi_h5Kw6RIm-EGb0Z2VMRx3AXSsUMU0keeiRQ8K8q9PbPAU4gMXH7CIv59RU4raLLKmlChJCLFq8g.webp`,
+    name: '필리핀',
+    image: `https://del5h2y0q6wga.cloudfront.net/country_images/philippines.jpg`,
   },
   {
-    name: 'Russia',
-    image: `https://i.namu.wiki/i/qg3ZaB1AY0IMplOH3d0pVqsHiIymCO7dTkO6eq4-2HzphGa24QipxUs_0xaK6b6Kw_vmfDApBRktGvwzJenqTA.webp`,
+    name: '태국',
+    image: `https://del5h2y0q6wga.cloudfront.net/country_images/thailand.jpg`,
   },
 ]
 

diff --git a/src/pages/HomePage/MainBanner.jsx b/src/pages/HomePage/MainBanner.jsx
@@ -47,7 +47,7 @@ export default function MainBanner({ urls }) {
         key={urls[curIndex].name}
         className="banner--word__country"
       >{`${urls[curIndex].name}`}</span>
-      <span className="banner--word__other"> 기념품을 둘러보세용가뤼</span>
+      <span className="banner--word__other">기념품을 만나보세요</span>
     </BannerContainer>
   )
 }
@@ -63,7 +63,8 @@ MainBanner.propTypes = {
 
 const BannerContainer = styled.div`
   width: 100%;
-  height: 47vh;
+  height: 60vh;
+  min-width: 900px;
   position: relative;
   overflow: hidden;
 
@@ -103,7 +104,7 @@ const BannerContainer = styled.div`
   .carousel-cell {
     border-radius: 0;
     margin: 0 5px;
-    height: 45vh;
+    height: 100%;
   }
 `
 
@@ -112,7 +113,7 @@ const StyledContainer = styled.div`
   background-color: rgba(0, 0, 0, 0.3);
   background-blend-mode: multiply;
   background-repeat: no-repeat;
-  background-position: top-right;
+  background-position: 50% 50%;
   background-size: 100%;
   transition: background-size ease-in-out 1.5s;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<?xml version="1.0" encoding="utf-8"?>
		<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>