Merge pull request #966 from Moadong/develop-fe

[release] FE v1.1.9

Author: seongwon030

frontend/.prettierrc

@@ -1,14 +1,16 @@
 {
-  "semi": true,
   "singleQuote": true,
   "jsxSingleQuote": true,
-  "trailingComma": "all",
-  "printWidth": 80,
-  "tabWidth": 2,
   "useTabs": false,
-  "bracketSpacing": true,
-  "arrowParens": "always",
   "endOfLine": "auto",
-  "prefer-const": true,
-  "singleAttributePerLine": false
-}
+  "plugins": [
+    "@ianvs/prettier-plugin-sort-imports"
+  ],
+  "importOrder": [
+    "^react",
+    "<THIRD_PARTY_MODULES>",
+    "^@/",
+    "^[./]"
+  ],
+  "importOrderSortSpecifiers": true
+}

frontend/.storybook/main.ts

@@ -1,6 +1,6 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
 import path from 'path';
 import { fileURLToPath } from 'url';
+import type { StorybookConfig } from '@storybook/react-webpack5';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],

frontend/.storybook/preview.ts

@@ -1,5 +1,5 @@
-import type { Preview } from '@storybook/react';
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+import type { Preview } from '@storybook/react';
 
 const preview: Preview = {
   parameters: {

frontend/codecov.yml

@@ -1,5 +1,5 @@
 comment:
-  layout: "diff, flags, files"  # PR 리포트에 diff, flags, files 섹션 포함
+  layout: 'diff, flags, files' # PR 리포트에 diff, flags, files 섹션 포함
   require_changes: false
   require_base: false
 coverage:

frontend/config/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 const DEFAULT_PORT = 3000;

frontend/config/webpack.common.ts

@@ -1,5 +1,6 @@
 import * as path from 'path';
 import * as webpack from 'webpack';
+
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const Dotenv = require('dotenv-webpack');

frontend/config/webpack.dev.ts

@@ -1,10 +1,11 @@
 import * as path from 'path';
 import * as webpack from 'webpack';
 import { merge } from 'webpack-merge';
-const RefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 import 'webpack-dev-server';
-import common from './webpack.common';
 import detectPort from 'detect-port';
+import common from './webpack.common';
+
+const RefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 
 const DEFAULT_PORT = 3000;
 
@@ -56,9 +57,9 @@ export default getAvailablePort(DEFAULT_PORT).then((port) => {
           test: /\.css$/,
           use: ['style-loader', 'css-loader'],
           include: [
-          path.resolve(__dirname, '../node_modules/react-datepicker/dist'),
-          path.resolve(__dirname, '../node_modules/swiper'),
-        ],
+            path.resolve(__dirname, '../node_modules/react-datepicker/dist'),
+            path.resolve(__dirname, '../node_modules/swiper'),
+          ],
         },
         {
           test: /\.css$/,

frontend/eslint.config.mjs

@@ -1,8 +1,8 @@
 import typescript from '@typescript-eslint/eslint-plugin';
 import parser from '@typescript-eslint/parser';
+import configPrettier from 'eslint-config-prettier';
 import react from 'eslint-plugin-react';
 import storybook from 'eslint-plugin-storybook';
-import configPrettier from 'eslint-config-prettier';
 
 const config = [
   {

frontend/jest.setup.ts

@@ -1,2 +1,3 @@
 import fetchMock from 'jest-fetch-mock';
+
 fetchMock.enableMocks();