chore: Update package.json scripts and enhance middleware session handling

- Added local build and start scripts to package.json for improved local development.
- Commented out login redirection logic in middleware for future implementation.
- Introduced a new checkbox in the sample page for enhanced UI functionality.
- Refactored useAxios to improve request and response handling with better modularization.
- Updated checkbox styles in SCSS for improved visual consistency.

package.json

@@ -6,8 +6,10 @@
     "dev": "env-cmd -f .env.localhost next dev --turbopack",
     "build": "next build",
     "start": "next start",
+    "build:local": "env-cmd -f .env.localhost next build",
     "build:dev": "env-cmd -f .env.development next build",
     "build:prod": "env-cmd -f .env.production next build",
+    "start:local": "env-cmd -f .env.localhost next start",
     "start:dev": "env-cmd -f .env.development next start",
     "start:prod": "env-cmd -f .env.production next start",
     "lint": "next lint"

src/app/sample/page.tsx

@@ -113,6 +113,10 @@ export default function page() {
               <input type="checkbox" id="ch06" disabled />
               <label htmlFor="ch06">Check Box</label>
             </div>
+            <div className="check-form-box space">
+              <input type="checkbox" id="ch07" defaultChecked />
+              <label htmlFor="ch07">Check Box</label>
+            </div>
           </div>
         </div>
         <div className="design-box">

src/hooks/useAxios.ts

@@ -1,40 +1,65 @@
-import axios from 'axios'
+import axios, { AxiosResponse, InternalAxiosRequestConfig } from 'axios'
 import Config from '@/config/config.export'
 import { useSpinnerStore } from '@/store/spinnerStore'
 
-export const useAxios = () => {
+export function useAxios() {
-  const { setIsShow } = useSpinnerStore()
+  // const { setIsShow } = useSpinnerStore()
+
+  const requestHandler = (config: InternalAxiosRequestConfig) => {
+    // setIsShow(true)
+    return config
+  }
+
+  const responseHandler = (response: AxiosResponse) => {
+    // setIsShow(false)
+    response.data = transferResponse(response)
+    return response
+  }
+
+  const errorHandler = (error: any) => {
+    // setIsShow(false)
+    return Promise.reject(error)
+  }
+
+  const createAxiosInstance = (url: string | null | undefined) => {
+    const baseURL = url || Config().baseUrl
+    return axios.create({
+      baseURL,
+      headers: {
+        Accept: 'application/json',
+      },
+    })
+  }
 
   const axiosInstance = (url: string | null | undefined) => {
-    const baseURL = url || Config().baseUrl
     const instance = axios.create({
-      baseURL,
+      baseURL: url || Config().baseUrl,
       headers: {
         Accept: 'application/json',
       },
     })
 
     instance.interceptors.request.use(
-      (config) => {
+      // (config) => {
-        // console.log('🚀 ~ config:', config)
+      //   return config
-        setIsShow(true)
+      // },
-        return config
+      // (error) => {
-      },
+      //   return Promise.reject(error)
-      (error) => {
+      // },
-        return Promise.reject(error)
+      (config) => requestHandler(config),
-      },
+      (error) => errorHandler(error),
     )
 
     instance.interceptors.response.use(
-      (response) => {
+      // (response) => {
-        response.data = transferResponse(response)
+      //   response.data = transferResponse(response)
-        setIsShow(false)
+      //   return response
-        return response
+      // },
-      },
+      // (error) => {
-      (error) => {
+      //   return Promise.reject(error)
-        // 에러 처리 로직
+      // },
-        return Promise.reject(error)
+      (response) => responseHandler(response),
-      },
+      (error) => errorHandler(error),
     )
 
     return instance

src/middleware.ts

@@ -10,9 +10,9 @@ export async function middleware(request: NextRequest) {
   const session = await getIronSession<SessionData>(cookieStore, sessionOptions)
 
   // todo: 로그인 기능 추가 시 주석 해제
-  if (!session.isLoggedIn) {
+  // if (!session.isLoggedIn) {
-    return NextResponse.redirect(new URL('/login', request.url))
+  //   return NextResponse.redirect(new URL('/login', request.url))
-  }
+  // }
 
   return NextResponse.next()
 }

src/styles/base/_check-radio.scss

@@ -98,6 +98,23 @@
       color: #8595A7;
     }
   }
+  &.space{
+    label{
+      &::after{
+        top: 8px;
+        left: 0px;
+        width: 10px;
+        height: 2px;
+        border: none;
+        background-color: transparent;
+        transform: translate(50%, 50%);
+        -ms-transform: none;
+      }
+    }
+    input[type="checkbox"]:checked + label::after{
+      background-color: #fff;
+    }
+  }
 }
 
 // radio box