Committing local changes before pull

.env

@@ -0,0 +1,11 @@
+VITE_BASE_URL = "https://3.34.147.187.nip.io"
+
+VITE_APIKEY = "AIzaSyAc4XrxZs2G1EVp-NbpCh5rw9rVgnUG284"
+VITE_AUTH_DOMAIN = "scbj-af2e3.firebaseapp.com"
+VITE_PROJECT_ID = "scbj-af2e3"
+VITE_STORAGE_BUCKET = "scbj-af2e3.appspot.com"
+VITE_MESSAGING_SENDERID = "177564796245"
+VITE_APPID = "1:177564796245:web:6b27b878cbc2ccacf39bdc"
+VITE_MEASUREMENT_ID = "G-1YD7ZEM9HM"
+
+VITE_FIREBASE_VAPID = "BNJnISNECPJrEzIQ8Mbjvw2bu3GQrwo52ChZT0E8BX243r9WAlXS7yYZJntYKt537lSs4188KsLJLJFFdPyRL3Q" 

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "percenthotel"
+  }
+}

.github/ISSUE_TEMPLATE/issue.md

@@ -0,0 +1,13 @@
+---
+name: issue
+about: 새로운 issue 추가
+title: ''
+labels: ''
+assignees: ''
+---
+
+## 설명
+
+## 할 일
+
+- [ ]

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,29 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+"on":
+  push:
+    branches:
+      - main
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    env:
+      VITE_APIKEY: "${{secrets.VITE_APIKEY}}"
+      VITE_AUTH_DOMAIN: "${{secrets.VITE_AUTH_DOMAIN}}"
+      VITE_PROJECT_ID: "${{secrets.VITE_PROJECT_ID}}"
+      VITE_STORAGE_BUCKET: "${{secrets.VITE_STORAGE_BUCKET}}"
+      VITE_MESSAGING_SENDERID: "${{secrets.VITE_MESSAGING_SENDERID}}"
+      VITE_APPID: "${{secrets.VITE_APPID}}"
+      VITE_MEASUREMENT_ID: "${{secrets.VITE_MEASUREMENT_ID}}"
+      VITE_FIREBASE_VAPID: "${{secrets.VITE_FIREBASE_VAPID}}"
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm install && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: "${{ secrets.GITHUB_TOKEN }}"
+          firebaseServiceAccount: "${{ secrets.FIREBASE_SERVICE_ACCOUNT_PERCENTHOTEL }}"
+          channelId: live
+          projectId: percenthotel

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,26 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+"on": pull_request
+jobs:
+  build_and_preview:
+    if: "${{ github.event.pull_request.head.repo.full_name == github.repository }}"
+    runs-on: ubuntu-latest
+    env:
+      VITE_APIKEY: "${{secrets.VITE_APIKEY}}"
+      VITE_AUTH_DOMAIN: "${{secrets.VITE_AUTH_DOMAIN}}"
+      VITE_PROJECT_ID: "${{secrets.VITE_PROJECT_ID}}"
+      VITE_STORAGE_BUCKET: "${{secrets.VITE_STORAGE_BUCKET}}"
+      VITE_MESSAGING_SENDERID: "${{secrets.VITE_MESSAGING_SENDERID}}"
+      VITE_APPID: "${{secrets.VITE_APPID}}"
+      VITE_MEASUREMENT_ID: "${{secrets.VITE_MEASUREMENT_ID}}"
+      VITE_FIREBASE_VAPID: "${{secrets.VITE_FIREBASE_VAPID}}"
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm install && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: "${{ secrets.GITHUB_TOKEN }}"
+          firebaseServiceAccount: "${{ secrets.FIREBASE_SERVICE_ACCOUNT_PERCENTHOTEL }}"
+          projectId: percenthotel

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

.prettierrc

@@ -0,0 +1,11 @@
+{
+  "singleQuote": false,
+  "semi": true,
+  "useTabs": false,
+  "tabWidth": 2,
+  "printWidth": 80,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "auto"
+}

.storybook/main.ts

@@ -0,0 +1,20 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-onboarding",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

.storybook/preview.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import type { Preview } from "@storybook/react";
+import { ThemeProvider } from "styled-components";
+import { GlobalStyle } from "../src/styles/globalStyle";
+import { theme } from "../src/styles/theme";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export const decorators = [
+  (Story) => (
+    <ThemeProvider theme={theme}>
+      <GlobalStyle />
+      <Story />
+    </ThemeProvider>
+  ),
+];
+
+export default preview;

firebase.json

@@ -0,0 +1,12 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

manifest.json

@@ -0,0 +1,38 @@
+{
+  "name": "퍼센트 호텔",
+  "short_name": "Percent Hotel",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#FF7C17",
+  "lang": "ko",
+  "scope": "/",
+  "orientation": "portrait",
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-192-maskable.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-512-maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ],
+  "description": "양도 거래? 취소보다 빠른 거래!",
+  "id": "ph",
+  "prefer_related_applications": true,
+  "categories": ["entertainment", "shopping", "social", "travel"]
+}

offline.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>internet disconnected</title>
+  </head>
+  <body>
+    <p>인터넷 연결 없음</p>
+  </body>
+</html>

public/firebase-messaging-sw.js

@@ -0,0 +1,75 @@
+/* global firebase */
+/**
+   * Here is is the code snippet to initialize Firebase Messaging in the Service
+   * Worker when your app is not hosted on Firebase Hosting.
+
+  // Give the service worker access to Firebase Messaging.
+  // Note that you can only use Firebase Messaging here. Other Firebase libraries
+  // are not available in the service worker.
+
+    **/
+self.importScripts(
+  "https://www.gstatic.com/firebasejs/9.2.0/firebase-app-compat.js",
+);
+self.importScripts(
+  "https://www.gstatic.com/firebasejs/9.2.0/firebase-messaging-compat.js",
+);
+
+var firebaseConfig = {
+  apiKey: "AIzaSyAc4XrxZs2G1EVp-NbpCh5rw9rVgnUG284",
+  authDomain: "scbj-af2e3.firebaseapp.com",
+  projectId: "scbj-af2e3",
+  storageBucket: "scbj-af2e3.appspot.com",
+  messagingSenderId: "177564796245",
+  appId: "1:177564796245:web:6b27b878cbc2ccacf39bdc",
+  measurementId: "G-1YD7ZEM9HM",
+};
+
+firebase.initializeApp(firebaseConfig);
+
+// // Retrieve an instance of Firebase Messaging so that it can handle background
+// // messages.
+const messaging = firebase.messaging();
+
+self.addEventListener("install", function () {
+  console.log("fcm sw install..");
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", function () {
+  console.log("fcm sw activate..");
+});
+
+// self.addEventListener("push", function (e) {
+//   console.log("push: ", e.data.json());
+//   if (!e.data.json()) return;
+
+//   const resultData = e.data.json().data;
+//   const notificationTitle = resultData.title;
+//   const notificationOptions = {
+//     body: resultData.message,
+//     icon: "/icon-192.png",
+//   };
+//   console.log("push: ", { notificationTitle, notificationOptions });
+
+//   self.registration.showNotification(notificationTitle, notificationOptions);
+// });
+
+self.addEventListener("notificationclick", function (event) {
+  console.log("notification click");
+  const url = "/";
+  event.notification.close();
+  event.waitUntil(self.clients.openWindow(url));
+});
+
+messaging.onBackgroundMessage(function (payload) {
+  console.log("Received background message", payload);
+  // Customize notification here
+  const notificationTitle = payload.data.title;
+  const notificationOptions = {
+    body: payload.data.message,
+    icon: "/icon-192.png",
+  };
+
+  self.registration.showNotification(notificationTitle, notificationOptions);
+});