config: 프로젝트 초기 설정

Author: gihwan-dev

.eslintrc.cjs

@@ -0,0 +1,16 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:@tanstack/eslint-plugin-query/recommended',
+    'prettier',
+    'plugin:storybook/recommended',
+    'plugin:tailwindcss/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'vite.config.ts'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react', 'react-refresh'],
+};

.github/workflows/test.yml

@@ -0,0 +1,23 @@
+name: Run vitest test
+on:
+  pull_request:
+jobs:
+  build:
+    runs-on: ubuntu-20.04
+    strategy:
+      matrix:
+        node-version: [16]
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
+      - name: Install dependencies
+        run: pnpm install
+      - name: Run vitest test
+        run: pnpm test

.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?
+
+*storybook.log

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit "$1"

.husky/pre-commit

@@ -0,0 +1,3 @@
+pnpm lint
+
+pnpm dlx prettier --cache --write .

.prettierrc.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+  endOfLine: 'lf', // 윈도우-맥 개행 에러를 막기 위해 줄넘김값 lf로 설정
+  singleQuote: true, // 홑따옴표를 사용
+  semi: true, // 코드 마지막에 세미콜론 사용
+  useTabs: false, // 스페이스바 대신 탭를 사용
+  tabWidth: 2, // 들여쓰기는 2칸
+  trailingComma: 'all', // 모든 요소에 쉼표(,)를 붙임
+  printWidth: 120, // 한 줄에 120칸까지만 사용
+  arrowParens: 'always', // 화살표 함수의 인자가 하나여도 괄호를 넣도록
+};

.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.ts

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

.vite/deps_temp_a3c8670e/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

README.md

@@ -0,0 +1,3 @@
+# DateLeaf
+
+‘날짜‘와 ‘잎사귀‘를 결합하여, 시간이 자연스럽게 흐르는 것을 나타내며, 각 일정이 잎사귀처럼 하나하나 소중함을 강조합니다.