[Deploy] main 브랜치 작동

.env.local.example

@@ -1,5 +1,5 @@
 # Debug 메시지 출력 여부
-NEXT_PUBLIC_DEBUG=false
+NEXT_PUBLIC_DEBUG=true
 
 # NEXT app router URL
 NEXT_PUBLIC_API_URL=http://localhost:3000
@@ -8,4 +8,7 @@ NEXT_PUBLIC_API_URL=http://localhost:3000
 NEXT_PUBLIC_SERVER_URL=http://localhost:8080
 
 # Backend WS server URL
-NEXT_PUBLIC_SERVER_WS_URL=http://localhost:8080
+NEXT_PUBLIC_SERVER_WS_URL=http://localhost:8080
+
+# Backend Login Page
+NEXT_PUBLIC_LOGIN_URL=http://localhost:8080/login

babel.config.testenv.js

@@ -0,0 +1,14 @@
+module.exports = function (api) {
+    const isTest = api.env('test');
+
+    if (isTest) {
+        return {
+            presets: [
+                ['@babel/preset-env', {targets: {node: 'current'}}],
+                ['@babel/preset-react', {runtime: 'automatic'}],
+                '@babel/preset-typescript',
+            ],
+        };
+    }
+    return {};
+};

jest.config.js

@@ -0,0 +1,42 @@
+/*
+ * For a detailed explanation regarding each configuration property, visit:
+ * https://jestjs.io/docs/configuration
+ */
+
+module.exports = {
+    transform: {
+        '^.+\\.(js|jsx|ts|tsx)$': ['babel-jest', { configFile: './babel.config.testenv.js' }],
+    },
+
+    // Automatically clear mock calls, instances, contexts and results before every test
+    clearMocks: true,
+
+    // Indicates whether the coverage information should be collected while executing the test
+    collectCoverage: false,
+
+    // The directory where Jest should output its coverage files
+    coverageDirectory: 'coverage',
+
+    // Indicates which provider should be used to instrument code for coverage
+    coverageProvider: 'v8',
+
+    // An array of file extensions your modules use
+    moduleFileExtensions: ['js', 'mjs', 'cjs', 'jsx', 'ts', 'tsx', 'json', 'node'],
+
+    // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
+    moduleNameMapper: {
+        '^@/(.*)$': '<rootDir>/src/$1',
+    },
+
+    // The test environment that will be used for testing
+    testEnvironment: 'jest-environment-jsdom',
+
+    // The glob patterns Jest uses to detect test files
+    testMatch: [
+        '<rootDir>/**/*.test.(js|jsx|ts|tsx)',
+        '<rootDir>/(tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx))',
+    ],
+
+    // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
+    transformIgnorePatterns: ['<rootDir>/node_modules/'],
+};

next.config.ts

@@ -1,7 +1,18 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "avatars.githubusercontent.com",
+      },
+      {
+        protocol: "https",
+        hostname: "github.com",
+      },
+    ],
+  },
 };
 
 export default nextConfig;