refactor: ENV 오류 전용 공통 오류 객체 추가

Author: six-standard

src/apis/instance.request.ts

@@ -1,17 +1,17 @@
 import returnFetch, { FetchArgs } from 'return-fetch';
 
 import { captureException, setContext } from '@sentry/nextjs';
-import { ServerNotRespondingError } from '@/errors';
+import { EnvNotFoundError, ServerNotRespondingError } from '@/errors';
 
 const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL;
 const ABORT_MS = Number(process.env.NEXT_PUBLIC_ABORT_MS);
 
 if (Number.isNaN(ABORT_MS)) {
-  throw new Error('ABORT_MS가 ENV에서 설정되지 않았습니다');
+  throw new EnvNotFoundError('ABORT_MS');
 }
 
 if (!BASE_URL) {
-  throw new Error('BASE_URL이 ENV에서 설정되지 않았습니다.');
+  throw new EnvNotFoundError('BASE_URL');
 }
 
 type ErrorType = {

src/components/auth-required/main/Section/index.tsx

@@ -1,23 +1,29 @@
 'use client';
 
-import { useState } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
+import { useState } from 'react';
+import { EnvNotFoundError, UserNameNotFoundError } from '@/errors';
+import { trackUserEvent, MessageEnum } from '@/utils/trackUtil';
 import { parseNumber } from '@/utils/numberUtil';
 import { COLORS, PATHS } from '@/constants';
-import { Icon } from '@/components';
 import { PostType, UserDto } from '@/types';
-import { trackUserEvent, MessageEnum } from '@/utils/trackUtil';
-import { UserNameNotFound } from '@/errors';
+import { Icon } from '@/components';
 import { Graph } from './Graph';
 
 export const Section = (p: PostType) => {
   const [open, setOpen] = useState(false);
   const client = useQueryClient();
 
   const { username } = client.getQueryData([PATHS.ME]) as UserDto;
+  const { NEXT_PUBLIC_VELOG_URL } = process.env;
+
   if (!username) {
-    throw new UserNameNotFound();
+    throw new UserNameNotFoundError();
   }
+  if (NEXT_PUBLIC_VELOG_URL) {
+    throw new EnvNotFoundError('NEXT_PUBLIC_VELOG_URL');
+  }
+
   const url = `${process.env.NEXT_PUBLIC_VELOG_URL}/@${username}/${p.slug}`;
 
   return (

src/components/auth-required/main/index.tsx renamed to src/components/auth-required/main/index.ts

@@ -17,3 +17,13 @@ export class NotFoundError extends CustomError {
     super(message, code, 400);
   }
 }
+
+export class EnvNotFoundError extends CustomError {
+  constructor(message: string) {
+    super(
+      `${message}이(가) ENV에서 설정되지 않았습니다`,
+      'EnvNotFoundError',
+      0,
+    );
+  }
+}

src/errors/fetch.error.ts

@@ -1,6 +1,6 @@
 import { CustomError } from './instance.error';
 
-export class UserNameNotFound extends CustomError {
+export class UserNameNotFoundError extends CustomError {
   constructor() {
     super('username not found', 'UserNameNotFound');
   }