chore: vite 환경으로 이전 및 배포 버그 수정

Author: gabrielyoon7

.eslintrc.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

.gitignore

@@ -1,25 +1,24 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-/dist
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.idea/.gitignore

@@ -1,4 +1,6 @@
-node_modules/
-src/
-public/
+index.html
+package.json
+/src
 tsconfig.json
+tsconfig.node.json
+vite.config.ts

.idea/external-state.iml

@@ -1,128 +1,27 @@
-# external-state
-external-state is an easy and lightweight React state management library.
+# React + TypeScript + Vite
 
-[한국어](https://github.com/gabrielyoon7/external-state/blob/main/docs/readme-kr.md)
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
-### Installation
+Currently, two official plugins are available:
 
-```
-npm install external-store
-```
-
-or
-
-```
-yarn add external-store
-```
-
-### Usage
-1. Creating initial state value
-- The initial state value is created using the `store()` function.
-
-```tsx
-import { store } from "external-state";
-
-export const countStore = store<number>(0);
-```
-
-
-2. Using state management hook: useExternalState
-- `useExternalState()` has a similar usage pattern to the react `useState()` hook.
-- It has the same usage pattern as recoil's useRecoilState.
-
-```tsx
-import { useExternalState } from "external-state";
-
-function Count() {
-  const [count, setCount] = useExternalState(countStore);
-
-  return (
-    <div>
-      <div>{count}</div>
-      <button onClick={() => setCount(count + 1)}>
-        increase
-      </button>
-    </div>
-  )
-}
+- [@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
 
-export default Count;
-```
-
-3. Using state management hook: useSetExternalState
-- `useSetExternalState()` is a function used to update the state.
-- It has the same usage pattern as recoil's useSetRecoilState.
-
-```tsx
-import { useSetExternalState } from "external-state";
-
-function Count() {
-  const setCount = useSetExternalState(countStore);
-
-  return (
-    <div>
-      <button onClick={() => setCount(count + 1)}>
-        increase
-      </button>
-    </div>
-  )
-}
-
-export default Count;
-```
-
-4. Using state management hook: useExternalValue
-
-- `useExternalValue()` is a function used to subscribe the state value.
-- It has the same usage pattern as recoil's useRecoilValue.
-
-```tsx
-import { useExternalValue } from "external-state";
-
-function Count() {
-  const count = useExternalValue(countStore);
-
-  return (
-    <div>
-      {count}
-    </div>
-  )
-}
-
-export default Count;
-```
+## Expanding the ESLint configuration
 
-5. Accessing/Modifying the store outside of React
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
 
-- Once a store is created, you can use the `.getState()` and `.setState()` methods.
-- The `.getState()` method reads the latest state value at the time of invocation.
-- The `.setState()` method updates the state value.
-- All of this can be done directly in a vanilla environment, and even if the state is modified outside of React, all components subscribing to the store through the hook will be accurately re-rendered.
-- It is also possible to use `async/await`.
-- You can separate the logic for better reusability, as shown in the example below:
+- Configure the top-level `parserOptions` property like this:
 
-```tsx
-export const countActions = {
-  increase: () => {
-    const prevCount = countStore.getState();
-    countStore.setState(prevCount + 1);
-  },
-  decrease: () => {
-    const prevCount = countStore.getState();
-    countStore.setState(prevCount - 1);
-  },
-  increaseIfOdd: () => {
-    const prevCount = countStore.getState();
-    if (prevCount % 2 === 1) {
-      countStore.setState(prevCount + 1);
-    }
-  },
-  increaseAsync: async () => {
-    const prevCount = countStore.getState();
-    const response = await fetchCount(1)
-    const amount = response.data;
-    countStore.setState(prevCount + amount)
-  }
-}
+```js
+   parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+   },
 ```
 
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list