경북대 FE_이효은 5주차 과제 Step1

.eslintrc.js

@@ -3,6 +3,7 @@ module.exports = {
     browser: true,
     es2021: true,
     node: true,
+    jest: true,
   },
   extends: [
     'plugin:@typescript-eslint/recommended',
@@ -13,25 +14,23 @@ module.exports = {
   ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
-    project: './tsconfig.json',
+    project: 'tsconfig.json',
+    tsconfigRootDir: __dirname,
     ecmaFeatures: {
       jsx: true,
     },
     ecmaVersion: 'latest',
     sourceType: 'module',
   },
-  plugins: [
-    'react',
-    '@typescript-eslint',
-    'react-hooks',
-    'json-format',
-    'simple-import-sort',
-    '@emotion',
-    'prettier',
-  ],
+  plugins: ['react', '@typescript-eslint', 'react-hooks', 'json-format', 'simple-import-sort', '@emotion', 'prettier'],
   rules: {
     'react/react-in-jsx-scope': 'off',
-    'simple-import-sort/imports': 'error',
+    'simple-import-sort/imports': [
+      'error',
+      {
+        groups: [['^\\u0000'], ['^@?\\w'], ['^~/', '^\\.']],
+      },
+    ],
     'simple-import-sort/exports': 'error',
     '@typescript-eslint/consistent-type-imports': 'warn',
     '@typescript-eslint/no-unused-vars': [

.prettierrc

@@ -1,8 +1,10 @@
 {
+  "arrowParens": "always",
+  "printWidth": 120,
   "singleQuote": true,
-  "semi": true,
-  "tabWidth": 2,
   "trailingComma": "all",
-  "printWidth": 100,
-  "arrowParens": "always"
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "endOfLine": "auto"
 }

README.md

@@ -1 +1,9 @@
 # 카카오 테크 캠퍼스 - 프론트엔드 카카오 선물하기 편
+
+## 1단계 - Form 부분 테스트 코드 작성하기
+
+1. 테스트 기반 환경 구축
+2. MSW를 사용하여 Mock API가 동작하도록 하기
+3. 단위테스트 코드 작성
+4. 통합 테스트 코드 작성
+5. validation 로직이 정상 동작하는지 확인

craco.config.js

@@ -6,4 +6,11 @@ module.exports = {
       '@': path.resolve(__dirname, 'src'),
     },
   },
-};
+  jest: {
+    configure: {
+      moduleNameMapper: {
+        '^@/(.*)$': '<rootDir>/src/$1',
+      },
+    },
+  },
+};