[4팀] 프론트엔드 코드리뷰용 PR

.github/ISSUE_TEMPLATE/--페이지명--내용.md

@@ -0,0 +1,17 @@
+---
+name: " [페이지명] 내용"
+about: 이슈 템플릿입니다.
+title: "[페이지명] 내용"
+labels: ""
+assignees: ""
+---
+
+## 💚 어떤 기능인가요?
+
+카톡 로그인 기능을 개발.
+
+## ✅ To Dos
+
+- [ ]
+- [ ]
+- [ ]

.github/ISSUE_TEMPLATE/todo.yml

@@ -0,0 +1,21 @@
+name: To-do Task
+description: 해야 할 작업을 기록하고 관리합니다.
+title: "[To-do] 카톡 로그인 기능 개발"
+labels: ["todo"]
+assignees: []
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        ## 💚 어떤 기능인가요?
+        카톡 로그인 기능을 개발.
+
+  - type: markdown
+    attributes:
+      value: |
+        ## ✅ To Dos
+
+        - [ ] 
+        - [ ] 
+        - [ ]

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,26 @@
+## 이슈 넘버
+
+- close #
+<!-- # 뒤에 이슈넘버를 써서 이슈를 닫아주세요 -->
+
+## 구현 사항
+
+<!-- 실제로 변경한 사항을 설명해주세요.-->
+
+- [ ]
+- [ ]
+- [ ]
+- [ ]
+
+## Need Review
+
+- ~ 부분 이렇게 구현했어요, 피드백 부탁해요!
+<!-- 어떤 부분에 리뷰어가 집중해야 하는지 or 해당 PR에서 논의가 필요한 사항을 적어주세요. -->
+
+## 📸 스크린샷
+
+<!-- 팀원들이 이해하기 쉽도록 스크린샷을 첨부해주세요. -->
+
+## Reference
+
+<!-- 참고한 사이트가 있다면 링크를 공유해주세요. -->

.github/workflows/deploy.yml

@@ -0,0 +1,34 @@
+name: git push into another repo to deploy to vercel
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container: pandoc/latex
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Install mustache (to update the date)
+        run: apk add ruby && gem install mustache
+
+      - name: creates output
+        run: sh ./build.sh
+
+      - name: Pushes to another repository
+        id: push_directory
+        uses: cpina/github-action-push-to-another-repository@main
+        env:
+          API_TOKEN_GITHUB: ${{ secrets.SECRET_ACCESS_KEY }} # secret 변수(토큰)
+        with:
+          source-directory: "output"
+          destination-github-username: 78-artilleryman # 개인 레포 주인 username
+          destination-repository-name: frontend-sarang # 개인-레포-이름
+          user-email: ${{ secrets.AUTO_EMAIL }} # secret 변수(이메일)
+          commit-message: ${{ github.event.commits[0].message }}
+          target-branch: main # 개인 레포 브랜치(vercel과 연동된 브랜치)
+
+      - name: Test get variable exported by push-to-another-repository
+        run: echo $DESTINATION_CLONED_DIRECTORY

.gitignore

@@ -23,3 +23,9 @@ dev-dist
 *.njsproj
 *.sln
 *.sw?
+
+.env
+
+_wildcard.sarang-backend.o-r.kr+2-key.pem
+_wildcard.sarang-backend.o-r.kr+2.pem
+mkcert.exe

.husky/pre-commit

@@ -0,0 +1,2 @@
+pnpm lint-staged
+pnpm run lint

.husky/pre-push

@@ -0,0 +1 @@
+pnpm run build

.prettierrc

@@ -0,0 +1,14 @@
+{
+  "arrowParens": "avoid",
+  "bracketSpacing": true,
+  "bracketSameLine": true,
+  "jsxBracketSameLine": true,
+  "jsxSingleQuote": false,
+  "printWidth": 120,
+  "proseWrap": "always",
+  "semi": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "endOfLine": "auto",
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

README.md

@@ -4,8 +4,10 @@ This template provides a minimal setup to get React working in Vite with HMR and
 
 Currently, two official plugins are available:
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses
+  [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast
+  Refresh
 
 ## Expanding the ESLint configuration
 
@@ -18,24 +20,25 @@ export default tseslint.config({
   languageOptions: {
     // other options...
     parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
       tsconfigRootDir: import.meta.dirname,
     },
   },
-})
+});
 ```
 
-- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or
+  `tseslint.configs.strictTypeChecked`
 - Optionally add `...tseslint.configs.stylisticTypeChecked`
 - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
 
 ```js
 // eslint.config.js
-import react from 'eslint-plugin-react'
+import react from "eslint-plugin-react";
 
 export default tseslint.config({
   // Set the react version
-  settings: { react: { version: '18.3' } },
+  settings: { react: { version: "18.3" } },
   plugins: {
     // Add the react plugin
     react,
@@ -44,7 +47,7 @@ export default tseslint.config({
     // other rules...
     // Enable its recommended rules
     ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
+    ...react.configs["jsx-runtime"].rules,
   },
-})
+});
 ```

build.sh

@@ -0,0 +1,5 @@
+#!/bin/sh
+cd ../
+mkdir output
+cp -R ./frontend/* ./output
+cp -R ./output ./frontend/

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

eslint.config.js

@@ -1,28 +1,43 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from "@eslint/js";
+import globals from "globals";
+import react from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ["dist"] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      react,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
+      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+      "react/react-in-jsx-scope": "off",
+      "react/prop-types": "off",
+      "react/no-unused-state": "error",
+      "react/self-closing-comp": "warn",
+      semi: ["error", "always"],
+      quotes: ["error", "double"],
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": "warn",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/ban-ts-comment": "off",
+      "array-callback-return": "off",
     },
-  },
-)
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+  }
+);

index.html

@@ -1,17 +1,50 @@
 <!doctype html>
-<html lang="en">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
-        <meta name="theme-color" content="#ffffff">
-    <link rel="icon" href="/favicon.ico" sizes="48x48">
-    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
-    <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">
-
+    <meta name="theme-color" content="#ffffff" />
+    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>sarang-mate + TS</title>
+    <title>사랑꾼</title>
+    <meta name="description" content="사랑꾼 - 당신의 사랑을 더 특별하게" />
+
+    <!-- 기본 메타 태그 -->
+    <meta name="theme-color" content="#ffffff" />
+
+    <!-- 기본 웹 앱 매니페스트 -->
+    <link rel="manifest" href="/manifest.webmanifest" />
+
+    <!-- 기본 파비콘 -->
+    <link rel="icon" type="image/png" sizes="16x16" href="/ios/16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/ios/32.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="/android/android-launchericon-96-96.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/android/android-launchericon-192-192.png" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+
+    <!-- iOS 아이콘 -->
+    <link rel="apple-touch-icon" sizes="76x76" href="/ios/76.png" />
+    <link rel="apple-touch-icon" sizes="120x120" href="/ios/120.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/ios/180.png" />
+
+    <!-- iOS 설정 -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="사랑꾼" />
+
+    <!-- Windows 11 아이콘 및 메타 태그 -->
+    <meta name="msapplication-TileColor" content="#ffffff" />
+    <meta name="msapplication-TileImage" content="/windows11/Square150x150Logo.scale-100.png" />
+    <meta name="msapplication-config" content="/browserconfig.xml" />
+
+    <!-- Windows 11 타일 아이콘 - 주요 사이즈 -->
+    <meta name="msapplication-square70x70logo" content="/windows11/SmallTile.scale-100.png" />
+    <meta name="msapplication-square150x150logo" content="/windows11/Square150x150Logo.scale-100.png" />
+    <meta name="msapplication-wide310x150logo" content="/windows11/Wide310x150Logo.scale-100.png" />
+    <meta name="msapplication-square310x310logo" content="/windows11/LargeTile.scale-100.png" />
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/app/main.tsx"></script>
   </body>
 </html>