feat: fetcher에서 실패 응답 시 HttpError로 명확하게 예외 처리

Author: yeji0214

src/api/fetcher.ts

@@ -1,5 +1,6 @@
 import { buildQueryParams } from '@/shared/utils/url';
 import { ENV } from './env';
+import { HttpError } from '@/shared/errors/HttpError';
 
 type FetcherOptions<T> = {
   path: string;
@@ -77,9 +78,8 @@ const request = async <T>({
   const response = await fetch(url, config);
 
   if (!response.ok) {
-    // const errorData = await response.json().catch(() => null);
-    // throw new HttpError(response.status, errorData);
-    throw new Error();
+    const errorData = await response.json().catch(() => null);
+    throw new HttpError(response.status, errorData);
   }
 
   if (response.status === 204 || response.headers.get('content-length') === '0') {

src/shared/errors/HttpError.ts

@@ -0,0 +1,11 @@
+export class HttpError extends Error {
+  status: number;
+  data: unknown;
+
+  constructor(status: number, data?: unknown) {
+    super(`HTTP Error ${status}`);
+    this.name = 'HttpError';
+    this.status = status;
+    this.data = data;
+  }
+}