chore: 봉사자, 보호소 프로젝트에 의존성 추가 (#7)

* chore(common): 봉사자, 보호소 프로젝트에 axios 의존성 추가

* chore(common): eslint, prettier  수정

* chore(common): 봉사자, 보호소 의존성 추가

* chore(common): .nvmrc 추가

.github/ISSUE_TEMPLATE/♻️-리팩토링-요청.md

@@ -1,17 +1,23 @@
 ---
-name: "♻️ 리팩토링 요청"
+name: '♻️ 리팩토링 요청'
 about: 변경 혹은 개선해야 되는 문제를 작성해 주세요
 title: 'refactor: '
 labels: ''
 assignees: ''
-
 ---
 
 ## 개선해야 되는 코드 혹은 기능에 대해서 적어주세요
+
 개선해야 될 코드에 대한 명확하고 간단한 설명
+
 ## 원하는 개선 방향
+
 개선해야 되는 간단한 이유 혹은 개선 후 장점에 대해 적어주세요
+
 ## 생각 중인 기능 추가 방안
+
 해결책으로 간단하게 생각한 개선 방법에 대해 적어주세요
+
 ## ETC
+
 스크린샷이나 기능 등 추가 자료를 기술해 주세요

.github/ISSUE_TEMPLATE/✨-기능-추가-요청.md

@@ -1,19 +1,26 @@
 ---
-name: "✨ 기능 추가 요청"
+name: '✨ 기능 추가 요청'
 about: 구현하려는 새로운 기능을 요청
 title: 'feat:  '
 labels: ''
 assignees: ''
-
 ---
 
 ## 추가하려는 기능이 어떠한 문제 혹은 기능과 연관되어 있나요?
+
 문제가 무엇인지에 대한 명확하고 간결한 설명을 적어주세요
+
 ## 원하는 기능 추가
+
 추가하려는 기능을 명확하고 간결하게 설명해주세요
+
 - [ ] todo
 - [ ] todo
+
 ## 생각 중인 기능 추가 방안
+
 해결책으로 간단하게 생각한 기능의 방향 혹은 컴포넌트를 설명해주세요
+
 ## ETC
+
 스크린샷이나 기능 등 추가 자료를 기술해 주세요

.github/ISSUE_TEMPLATE/🐛-버그-리포트.md

@@ -4,13 +4,16 @@ about: 버그를 고쳐주세요
 title: 'bug: '
 labels: ''
 assignees: ''
-
 ---
 
 ## 버그 설명
+
 발생되는 문제에 대해 간단하게 설명해 주세요
+
 ## 버그 발생 단계
+
 동작을 재현하는 단계:
+
 1. ‘...‘로 이동합니다.
 2. ‘....‘을 클릭합니다.
 3. ‘....’까지 아래로 스크롤합니다.

.github/pull_request_template.md

@@ -1,5 +1,9 @@
 ## 📌 이슈번호 <!-- 이슈번호 혹은 참조를 적어주세요 -->
+
 - close #이슈번호
+
 ## 📗 구현 내용 <!-- 이슈에 작성한 작업 외 다른 작업을 진행했다면 작성해주세요 -->
+
 ## 📖 구현 스크린샷 <!-- .gif 등을 사용하여 간단하게 보여주세요 -->
+
 ## 📖 PR 포인트 & 궁금한 점 <!-- 리뷰어 분들이 집중적으로 보셨으면 하는 내용을 적어주세요 -->

.nvmrc

@@ -0,0 +1 @@
+v20.9.0

.prettierrc.cjs

@@ -1,6 +1,6 @@
 module.exports = {
   tabWidth: 2,
-  printWidth: 100,
+  printWidth: 80,
   jsxBracketSameLine: false,
   semi: true,
   singleQuote: true,

apps/shelter/package.json

@@ -13,10 +13,20 @@
     "@chakra-ui/react": "^2.8.1",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.3.2",
+    "@lukemorales/query-key-factory": "^1.3.2",
+    "@tanstack/react-query": "^5.4.3",
+    "@tanstack/react-query-devtools": "^5.4.3",
+    "axios": "^1.6.0",
     "framer-motion": "^10.16.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "ui": "workspace:*"
+    "react-error-boundary": "^4.0.11",
+    "react-hook-form": "^7.47.0",
+    "react-router-dom": "^6.17.0",
+    "ui": "workspace:*",
+    "zod": "^3.22.4",
+    "zustand": "^4.4.4"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",

apps/shelter/src/main.tsx

@@ -1,9 +1,10 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+
+import App from './App.tsx';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-)
+);

apps/shelter/vite.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+});

apps/volunteer/package.json

@@ -13,10 +13,20 @@
     "@chakra-ui/react": "^2.8.1",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.3.2",
+    "@lukemorales/query-key-factory": "^1.3.2",
+    "@tanstack/react-query": "^5.4.3",
+    "@tanstack/react-query-devtools": "^5.4.3",
+    "axios": "^1.6.0",
     "framer-motion": "^10.16.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "ui": "workspace:*"
+    "react-error-boundary": "^4.0.11",
+    "react-hook-form": "^7.47.0",
+    "react-router-dom": "^6.17.0",
+    "ui": "workspace:*",
+    "zod": "^3.22.4",
+    "zustand": "^4.4.4"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",

apps/volunteer/vite.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+});

cz-config.js

@@ -3,7 +3,10 @@ module.exports = {
     { value: 'feat', name: 'feat:\tfeature를 추가하는 경우' },
     { value: 'fix', name: 'fix:\t코드를 수정하는 경우' },
     { value: 'docs', name: 'docs:\t문서를 추가하거나 수정하는 경우' },
-    { value: 'refactor', name: 'refactor:\t(버그나 기능 추가 X) 코드를 리팩토링하는 경우' },
+    {
+      value: 'refactor',
+      name: 'refactor:\t(버그나 기능 추가 X) 코드를 리팩토링하는 경우',
+    },
     { value: 'design', name: 'design:\tCSS 등 사용자 UI 디자인 변경' },
     {
       value: 'style',
@@ -29,12 +32,13 @@ module.exports = {
       value: 'remove',
       name: 'remove:\t파일을 삭제하는 작업만 수행하는 경우',
     },
-    {
-      value: 'docs',
-      name: 'docs:\t문서를 추가하거나 수정하는 경우',
-    },
   ],
-  scopes: [{ name: 'common' }, { name: 'ui' }, { name: 'volunteer' }, { name: 'shelter' }],
+  scopes: [
+    { name: 'common' },
+    { name: 'ui' },
+    { name: 'volunteer' },
+    { name: 'shelter' },
+  ],
   allowCustomScopes: false,
   allowBreakingChanges: ['feat', 'fix'],
   skipQuestions: ['body'],

packages/eslint-config-custom/index.js

@@ -6,7 +6,7 @@ module.exports = {
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
-    'prettier',
+    'plugin:prettier/recommended',
     'plugin:react-hooks/recommended',
     'plugin:react/recommended',
   ],