chore: 타입 생성, eslint 및 tsconfing 예외 처리, orval 6.19.1 다운그레이드

.eslintrc.js

@@ -63,4 +63,5 @@ module.exports = {
   settings: {
     'import/external-module-folders': ['.yarn'],
   },
+  ignorePatters: ['orval.config.js', '**/_generated/**/*'],
 }

apps/next-app/orval.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+  feedoongApp: {
+    input: 'src/services/spec.json',
+    output: {
+      target: 'src/services/types/_generated',
+      mode: 'tags',
+      override: {
+        mutator: {
+          path: 'src/services/api/index.ts',
+          name: 'feedoongApi',
+        },
+      },
+    },
+  },
+}

apps/next-app/package.json

@@ -8,7 +8,8 @@
     "start": "next start",
     "deploy": "next build && next start",
     "lint": "next lint",
-    "prepare": "cd ../.. && husky apps/next-app/.husky"
+    "prepare": "cd ../.. && husky apps/next-app/.husky",
+    "codegen": "yarn node scripts/codeGen.mjs"
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.2",
@@ -25,6 +26,7 @@
     "js-cookie": "^3.0.1",
     "next": "^14.2.3",
     "nookies": "^2.5.2",
+    "orval": "6.19.1",
     "query-string": "^7.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -52,7 +54,6 @@
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "husky": "^8.0.1",
-    "orval": "^6.30.2",
     "prettier": "^2.8.7",
     "typescript": "^5.5.2"
   }

apps/next-app/scripts/codeGen.mjs

@@ -0,0 +1,42 @@
+import path, { dirname } from 'path'
+import { fileURLToPath } from 'url'
+import { spawn } from 'child_process'
+import fs from 'fs'
+
+const genPath = '../src/services/types/_generated'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const BASE_PATH = path.join(__dirname, genPath)
+console.log(BASE_PATH)
+
+console.log('>>> generated 폴더를 삭제합니다.')
+
+await fs.rm(BASE_PATH, { recursive: true }, (err) => {
+  // 디렉토리가 없는 경우를 제외함.
+  if (err && err.code !== 'ENOENT') {
+    console.log('>>> 폴더 삭제 중 에러 발생:', err)
+  } else {
+    console.log('>>> 폴더 삭제가 성공적으로 완료되었습니다.')
+
+    const process = spawn('bash')
+
+    console.log('>>> orval을 실행합니다.')
+
+    try {
+      process.stdin.write('orval --config ./orval.config.js')
+      process.stdin.end()
+
+      process.on('close', function (code) {
+        if (code === 0) {
+          console.log('>>> orval 실행이 성공적으로 완료되었습니다.')
+        } else {
+          console.error(
+            `>>> orval 실행이 오류와 함께 종료되었습니다. 종료 코드: ${code}`
+          )
+        }
+      })
+    } catch (err) {
+      console.error('>>> orval 실행 중 오류 발생:', err)
+    }
+  }
+})

apps/next-app/src/features/auth/withAuthQueryServerSideProps.ts

@@ -6,21 +6,21 @@ import type { UserProfile } from 'services/auth'
 import { getUserInfoServerSide } from 'services/auth'
 import { CACHE_KEYS } from 'services/cacheKeys'
 import { setAuthorizationHeader } from 'features/auth/token'
-import { createApi } from 'services/api'
+import { feedoongApi } from 'services/api'
 import { AccessToken } from 'constants/auth'
 
 export type GetServerSidePropsContextWithAuthClient =
   GetServerSidePropsContext & {
     queryClient: QueryClient
-    api: ReturnType<typeof createApi>
+    api: ReturnType<typeof feedoongApi>
   }
 
 export const withAuthQueryServerSideProps = (
   getServerSidePropsFunc?: GetServerSideProps
 ) => {
   return async (context: GetServerSidePropsContextWithAuthClient) => {
     try {
-      const api = createApi()
+      const api = feedoongApi()
       context.api = api
       const cookies = parseCookies(
         context as (typeof parseCookies)['arguments']

apps/next-app/src/services/api/index.ts

@@ -12,7 +12,7 @@ import {
 
 const { camelizeKeys } = humps
 
-export const createApi = () => {
+export const feedoongApi = () => {
   const accessToken = getAccessTokenFromCookie()
 
   const _api = Axios.create({
@@ -57,6 +57,6 @@ export const createApi = () => {
   return _api
 }
 
-const api = createApi()
+const api = feedoongApi()
 
 export default api