feat: 전체 레이아웃 설정

.eslintrc.js

@@ -39,7 +39,17 @@ module.exports = {
     'arrow-body-style': 'off', // 화살표 함수의 본문 스타일을 강제하지 않는다
     'prefer-arrow-callback': 'off', // 가능한 경우 화살표 함수를 사용하는 것을 강제하지 않는다
     'react/react-in-jsx-scope': 'off', // 리액트를 JSX 스코프에 가져오는 것을 강제하지 않는다 (React 17 이상)
-    'no-use-before-define': 'off', // 정의되기 전에 사용하는 것을 금지한다
+    'import/no-extraneous-dependencies': [
+      'error',
+      {
+        devDependencies: [
+          'src/**/*.{test,spec}.{js,jsx,ts,tsx}',
+          '**/__tests__/**/*.{js,jsx,ts,tsx}',
+        ],
+        optionalDependencies: false,
+        peerDependencies: false,
+      },
+    ],
     'no-use-before-define': 'off', // 정의되기 전에 사용하는 것을 금지하는 규칙을 끈다
     'import/extensions': 'off', // 모듈 import 시 파일 확장자를 생략할 수 있도록 한다
     'import/no-unresolved': 'off', // 경로가 올바르게 해결되지 않는 모듈 import를 허용한다
@@ -50,6 +60,7 @@ module.exports = {
     'react/jsx-props-no-spreading': 'off', // JSX 속성 전개를 허용한다
     'no-unused-vars': 'off', // 사용하지 않는 변수를 허용한다 (TypeScript ESLint 규칙에서 처리)
     '@typescript-eslint/no-unused-vars': ['error'], // 사용하지 않는 변수를 에러로 표시한다
+    'react/require-default-props': 'off',
     '@typescript-eslint/no-use-before-define': ['error'], // TypeScript에서 정의되기 전에 사용하는 것을 에러로 표시한다
     'react/jsx-filename-extension': [
       1,