[초기세팅] 초기세팅 main으로 합치기 (#49)

* chore: 이슈 템플릿 추가 * add: 프로젝트 생성 * init: 의존성 모듈 설치 * docs: 풀리퀘 템플릿 추가 * feat: PR 시 임시배포 구현 * feat: 자동 배포 workflow 구현 * chore: 버전 수정 * chore: 오타 수정 * chore: 설명 주석 추가 * [초기세팅] eslint 설정 및 prettier 설정 (#14) * chore: eslint 설정 및 prettier 설정 * fix: node true 추가 * fix: 중복 singleQuote 설정 제거 --------- Co-authored-by: Wang HoEun <[email protected]> * [초기세팅] GlobalStyle 작성 (#7) * add: styled-component 설치 * feat: meta 태그 수정 * feat: setScreenSize 유틸 함수 작성 * feat: GlobalStyle 작성 * feat: App.tsx 내 GlobalStyle과 GlobalEvent 구현 * chore: styled-reset 라이브러리 설치 * fix: reset 라이브러리 설치로 GlobalStyle 수정 * feat: vw관련 설정 추가 * [초기세팅] Formatting 파일 구조 및 라우팅 설정 (#8) * feat: 라우팅 대쉬보드 생성 * feat: 라우터 설정 * feat: app 파일 routerProvider 적용 * feat: 폴더구조 세팅 * chore: 라우터 패키지 추가 * chore: 라우터 패키지 추가 * [초기세팅] husky 설정 및 lint staged 설정 (#15) * chore: husky 설정 및 lint staged 설정 * feat: husky commitlint 설정 * merge change --------- Co-authored-by: Wang HoEun <[email protected]> * [초기세팅] recoil 설치 및 파일 설정 (#17) * feat: recoil 설치 및 파일 설정 * feat: RecoilRoot 설정 * chore: react-router-dom 선언 인식 문제 위해 재 설치 --------- Co-authored-by: Wang HoEun <[email protected]> * feat: react-query 설치 및 세팅 및 key 파일 생성 (#18) Co-authored-by: Wang HoEun <[email protected]> * [초기세팅] svgr 설치 / open-graph (#16) * chore: svgr 설치 * chore: open graph 라이브러리 설치 * chore: vite svgr 세팅 및 custom 파일 생성 * style: yarn svgr 치니까 tsx 파일로 변동 완료. --------- Co-authored-by: Wang HoEun <[email protected]> * [초기세팅] Github Actions 수정(Vercel 배포 연결, preview 수정) (#25) * [초기세팅] 자주 사용하는 속성들 mixin 설정 (#23) * feat: mixin 설정 공통적으로 많이 쓰일 수 있는 flexBox,inlineFlexBox,flexCenter 를 먼저 설정하였음. 추후에 디자인이 나오면 더 추가시킬 예정입니다(ex.애니메이션) * feat: mixin 불러오기 위한 theme 설정 * feat: Styles 컴포넌트 생성 * feat: App 컴포넌트를 Styles 감싸기 * docs: 리드미 작성 (#24) * 초기세팅/theme 설정 (#37) * feat: theme color 설정 * feat: theme font 설정 * style: colors & fonts에 뎁스 추가 * chore: SUIT font 파일 추가 * feat: font-face 추가 & import 문제 * fix: import 이슈 해결을 위한 중괄호 제거 * fix: 필요하지 않은 파일 및 코드 제거 * [초기세팅] 화면 사이즈 layout 분리 (#28) * feat: 대쉬보드 레이아웃 변경 및 사이즈 스타일 적용 * feat: app 리사이즈 useEffect 제거 * feat: useEffect 제거 후 스타일 고정 * feat: 레이아웃 커스텀 훅 구현 * feat: 라우터 폴더 구조 변경 * feat: layout 폴더 구조 변경 * feat: theme fonts, colors 구조 수정 (#43) * [초기세팅] 모바일 리사이징 레이아웃 적용 안되는 이슈 해결 (#45) * feat: 대쉬보드 레이아웃 변경 및 사이즈 스타일 적용 * feat: app 리사이즈 useEffect 제거 * feat: useEffect 제거 후 스타일 고정 * feat: 레이아웃 커스텀 훅 구현 * feat: 라우터 폴더 구조 변경 * feat: layout 폴더 구조 변경 * fix: 모바일 위드값 적용안되는 이슈 해결 * fix: 함수 호출 변경 * fix: global width값 제거 * docs: setscreensize 파일 삭제 * [초기세팅] PR 미리보기 액션 수정 (#39) * feat: 각 PR에 접근할 수 있도록 설정 추가 * feat: 불필요한 설정 제거 * chore: 빌드 에러 해결 * [초기세팅] svgr GUI 아이콘 등록 (#48) * feat: 대쉬보드 레이아웃 변경 및 사이즈 스타일 적용 * feat: app 리사이즈 useEffect 제거 * feat: useEffect 제거 후 스타일 고정 * feat: 레이아웃 커스텀 훅 구현 * feat: 라우터 폴더 구조 변경 * feat: layout 폴더 구조 변경 * fix: 모바일 위드값 적용안되는 이슈 해결 * fix: 함수 호출 변경 * fix: global width값 제거 * docs: setscreensize 파일 삭제 * docs: 아이콘 및 로고 추가 + svgr 변환 * chore: 빌드 에러 처리 --------- Co-authored-by: Wang Hoeun <[email protected]> Co-authored-by: Wang HoEun <[email protected]> Co-authored-by: 장정안 <[email protected]> Co-authored-by: LEE KAYOUNG / KATIE <[email protected]>
SWEET-DEVELOPERS · Jan 9, 2024 · f707454 · f707454
1 parent 44df067
commit f707454
Show file tree

Hide file tree

Showing 111 changed files with 6,609 additions and 1 deletion.
diff --git a/.commitlintrc.json b/.commitlintrc.json
@@ -0,0 +1,10 @@
+{
+  "extends": ["@commitlint/config-conventional"],
+  "rules": {
+    "type-enum": [
+      2,
+      "always",
+      ["feat", "fix", "docs", "style", "refactor", "test", "chore"]
+    ]
+  }
+}
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,93 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true, node: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:import/typescript',
+    'plugin:react/jsx-runtime',
+    'plugin:prettier/recommended',
+    'prettier',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  plugins: [
+    'react-refresh',
+    'prettier',
+    'react',
+    '@typescript-eslint',
+    'import',
+    'jsx-a11y',
+    'react-hooks',
+  ],
+  rules: {
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'warn',
+    'prettier/prettier': [
+      'warn',
+      {
+        singleQuote: true,
+        parser: 'flow',
+        endOfLine: 'auto',
+      },
+    ],
+    '@typescript-eslint/no-unused-vars': [
+      'warn',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+        caughtErrorsIgnorePattern: '^_',
+      },
+    ],
+    'no-console': 'off',
+    'react/jsx-filename-extension': ['error', { extensions: ['.ts', '.tsx'] }],
+    'linebreak-style': 'off',
+    'import/no-unresolved': 'off',
+    'import/no-extraneous-dependencies': 'off',
+    'default-param-last': 'off',
+    'react/forbid-prop-types': 'off',
+    camelcase: 'off',
+    'no-shadow': 'off',
+    'no-param-reassign': ['warn', { props: false }],
+    'no-debugger': 'off',
+    'import/prefer-default-export': 'off',
+    'react/require-default-props': 'off',
+    'import/no-anonymous-default-export': 'off',
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+    '@typescript-eslint/naming-convention': [
+      'warn',
+      {
+        selector: 'default',
+        format: ['camelCase', 'PascalCase'],
+        leadingUnderscore: 'allow',
+        trailingUnderscore: 'allow',
+      },
+
+      {
+        selector: 'import',
+        format: ['camelCase', 'PascalCase'],
+      },
+
+      {
+        selector: 'variable',
+        format: ['camelCase', 'UPPER_CASE', 'PascalCase'],
+        leadingUnderscore: 'allow',
+        trailingUnderscore: 'allow',
+      },
+
+      {
+        selector: 'typeLike',
+        format: ['PascalCase'],
+      },
+    ],
+  },
+};
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -0,0 +1,26 @@
+<!-- PR 이름은 '[페이지명] 작업 내용'으로 통일할게요! -->
+## 이슈 넘버
+- close # 
+<!-- # 뒤에 이슈넘버를 써서 이슈를 닫아주세요 -->
+
+## 구현 사항
+<!-- 실제로 변경한 사항을 설명해주세요.-->
+
+- [ ]
+- [ ]
+- [ ]
+- [ ]
+
+## Need Review
+- ~ 부분 이렇게 구현했어요, 피드백 부탁해요!
+<!-- 어떤 부분에 리뷰어가 집중해야 하는지 or 해당 PR에서 논의가 필요한 사항을 적어주세요. -->
+
+
+
+## 📸 스크린샷
+<!-- 팀원들이 이해하기 쉽도록 스크린샷을 첨부해주세요. -->
+
+
+
+## Reference
+<!-- 참고한 사이트가 있다면 링크를 공유해주세요. -->
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,38 @@
+name: Deploy
+
+on:
+  # main 브랜치에 푸시하면 팀 레포 fork한 개인 레포 Vercel 자동 배포되도록 설정
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    container: pandoc/latex
+    steps:
+      # workflow에 속한 레포지토리에 접근할 수 있도록 설정
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - 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.TOKEN }}
+        with:
+          source-directory: 'output'
+          destination-github-username: urjimyu
+          destination-repository-name: sweet-client
+          user-email: ${{ secrets.OFFICIAL_ACCOUNT_EMAIL }}
+          commit-message: ${{ github.event.commits[0].message }}
+          target-branch: main
+
+      - name: Test get variable exported by push-to-another-repository
+        run: echo $DESTINATION_CLONED_DIRECTORY
diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml
@@ -0,0 +1,46 @@
+name: pr-preview
+on:
+  # main, develop 브랜치를 향해 PR 올리면 임시 배포되도록 설정
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+
+    branches: [main, develop]
+
+# 권한 설정
+permissions:
+  contents: write
+  issues: write
+  pull-requests: write
+  id-token: write
+  pages: write
+  deployments: write
+
+# 동시성 설정
+concurrency: preview-${{ github.ref }}
+
+jobs:
+  deploy-preview:
+    runs-on: ubuntu-latest
+    steps:
+      # workflow에 속한 레포지토리에 접근할 수 있도록 설정
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - run: echo "PREVIEW_PATH=pr-preview/pr-${{ github.event.number }}" >> "$GITHUB_ENV"
+
+      # 종속성 설치 및 프로젝트 빌드
+      - name: Install and Build
+        run: yarn install && yarn build
+
+      # PR 프리뷰 배포
+      - name: Deploy PR Preview
+        uses: rossjrw/[email protected]
+        with:
+          token: ${{ secrets.TOKEN}}
+          source-dir: ./dist/
+          preview-branch: gh-pages
+          umbrella-dir: pr-preview
+          action: auto
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.env
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,13 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "jsxSingleQuote": true,
+  "singleQuote": true,
+  "semi": true,
+  "trailingComma": "all",
+  "useTabs": false,
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "endOfLine": "auto"
+}