diff --git a/.github/release-drafter.yml b/.github/release-drafter.yml
new file mode 100644
index 00000000..1f3debe6
--- /dev/null
+++ b/.github/release-drafter.yml
@@ -0,0 +1,38 @@
+name-template: 'v$RESOLVED_VERSION'
+tag-template: 'v$RESOLVED_VERSION'
+commitish: main
+
+categories:
+  - title: '🚀 Feat'
+    labels:
+      - '💡 Feature'
+      - '🎨 Style'
+      - '🔨 Refactor'
+  - title: '🐛 Fix'
+    labels:
+      - '💥 Fix'
+      - '🚨 HOTFIX'
+  - title: '🧰 Init'
+    labels:
+      - '🚀 Deploy'
+      - '🧹 Chore'
+      - '🤖 CI/CD'
+
+change-template: '- $TITLE @$AUTHOR (#$NUMBER)'
+change-title-escapes: '\<*_&'
+
+version-resolver:
+  major:
+    labels:
+      - '🚀 Major'
+  minor:
+    labels:
+      - '🛥️ Minor'
+  patch:
+    labels:
+      - '🚘 Patch'
+  default: 🚘 Patch
+
+template: |
+  ## ✨ Changes
+  $CHANGES
diff --git a/.github/workflows/release-drafter.yml b/.github/workflows/release-drafter.yml
new file mode 100644
index 00000000..cdae45a9
--- /dev/null
+++ b/.github/workflows/release-drafter.yml
@@ -0,0 +1,21 @@
+name: Release Drafter
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  draft-release:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Run Release Drafter
+        uses: release-drafter/release-drafter@v6
+        with:
+          config-name: release-drafter.yml
+        env:
+          GITHUB_TOKEN: ${{ secrets.RELEASE_DRAFTER_GITHUB_TOKEN }}
diff --git a/apps/client/src/pages/login-fallback/login-fallback-page.tsx b/apps/client/src/pages/login-fallback/login-fallback-page.tsx
index 9b857333..b3a006cb 100644
--- a/apps/client/src/pages/login-fallback/login-fallback-page.tsx
+++ b/apps/client/src/pages/login-fallback/login-fallback-page.tsx
@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
+import { useLocation } from 'react-router';
 
 import { useSocialLogin } from '@widgets/login-fallback/hooks/use-social-login';
 
diff --git a/apps/client/src/shared/types/schema.d.ts b/apps/client/src/shared/types/schema.d.ts
index 0884a5eb..d62c02b7 100644
--- a/apps/client/src/shared/types/schema.d.ts
+++ b/apps/client/src/shared/types/schema.d.ts
@@ -56,6 +56,30 @@ export interface paths {
     patch?: never;
     trace?: never;
   };
+  '/posts/{post-id}/likes': {
+    parameters: {
+      query?: never;
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    get?: never;
+    put?: never;
+    /**
+     * 게시글 좋아요 생성
+     * @description 유저가 커뮤니티 게시글에 좋아요를 생성합니다.
+     */
+    post: operations['createPostLike'];
+    /**
+     * 게시글 좋아요 삭제
+     * @description 유저가 커뮤니티 게시글에 생성했던 좋아요를 삭제합니다.
+     */
+    delete: operations['deletePostLike'];
+    options?: never;
+    head?: never;
+    patch?: never;
+    trace?: never;
+  };
   '/posts/{post-id}/comments': {
     parameters: {
       query?: never;
@@ -97,6 +121,47 @@ export interface paths {
     patch?: never;
     trace?: never;
   };
+  '/oauth/kakao/logout': {
+    parameters: {
+      query?: never;
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    get?: never;
+    put?: never;
+    /** 로그아웃 */
+    post: operations['logout'];
+    delete?: never;
+    options?: never;
+    head?: never;
+    patch?: never;
+    trace?: never;
+  };
+  '/oauth/kakao/login': {
+    parameters: {
+      query?: never;
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    /**
+     * 카카오 로그인
+     * @description 카카오 API를 통해 로그인합니다.
+     */
+    get: operations['kakaoCallback_1'];
+    put?: never;
+    /**
+     * 카카오 로그인 - POST
+     * @description 카카오 API를 통해 로그인합니다. POST 요청을 사용하여 Body에 필요한 데이터를 받아옵니다.
+     */
+    post: operations['kakaoCallback'];
+    delete?: never;
+    options?: never;
+    head?: never;
+    patch?: never;
+    trace?: never;
+  };
   '/insurances/reports': {
     parameters: {
       query?: never;
@@ -117,6 +182,26 @@ export interface paths {
     patch?: never;
     trace?: never;
   };
+  '/files/upload': {
+    parameters: {
+      query?: never;
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    get?: never;
+    put?: never;
+    /**
+     * 이미지 업로드 API
+     * @description mediaType을 통해 PresignedUrl을 발급받습니다.
+     */
+    post: operations['createdUrls'];
+    delete?: never;
+    options?: never;
+    head?: never;
+    patch?: never;
+    trace?: never;
+  };
   '/users/me/report-summary': {
     parameters: {
       query?: never;
@@ -257,26 +342,6 @@ export interface paths {
     patch?: never;
     trace?: never;
   };
-  '/oauth/kakao/login': {
-    parameters: {
-      query?: never;
-      header?: never;
-      path?: never;
-      cookie?: never;
-    };
-    /**
-     * 카카오 로그인
-     * @description 카카오 API를 통해 로그인합니다.
-     */
-    get: operations['kakaoCallback'];
-    put?: never;
-    post?: never;
-    delete?: never;
-    options?: never;
-    head?: never;
-    patch?: never;
-    trace?: never;
-  };
   '/insurances/reports/{insurance-report-id}': {
     parameters: {
       query?: never;
@@ -449,6 +514,15 @@ export interface components {
        */
       postId?: number;
     };
+    BaseResponseVoid: {
+      /**
+       * Format: int32
+       * @example 200
+       */
+      code?: number;
+      message?: string;
+      data?: Record<string, never>;
+    };
     CommentCreateRequest: {
       /**
        * @description 댓글 내용
@@ -471,6 +545,40 @@ export interface components {
       /** @description 리프레쉬 토큰 */
       refreshToken?: string;
     };
+    BaseResponseString: {
+      /**
+       * Format: int32
+       * @example 200
+       */
+      code?: number;
+      message?: string;
+      data?: string;
+    };
+    OAuthLoginRequest: {
+      code: string;
+      redirectUrl?: string;
+    };
+    BaseResponseKaKaoLoginResponse: {
+      /**
+       * Format: int32
+       * @example 200
+       */
+      code?: number;
+      message?: string;
+      data?: components['schemas']['KaKaoLoginResponse'];
+    };
+    KaKaoLoginResponse: {
+      /**
+       * Format: int64
+       * @description 유저 PK
+       * @example 1
+       */
+      userId?: number;
+      /** @description 액세스 토큰 */
+      accessToken?: string;
+      /** @description 리프레쉬 토큰 */
+      refreshToken?: string;
+    };
     InsuranceReportRequest: {
       /**
        * @description 실명
@@ -593,6 +701,22 @@ export interface components {
       /** Format: uuid */
       insuranceReportId?: string;
     };
+    PresignedUrlRequest: {
+      /** @description 파일 형식 */
+      mediaType?: string[];
+    };
+    BaseResponsePresignedUrlResponse: {
+      /**
+       * Format: int32
+       * @example 200
+       */
+      code?: number;
+      message?: string;
+      data?: components['schemas']['PresignedUrlResponse'];
+    };
+    PresignedUrlResponse: {
+      presignedUrls?: string[];
+    };
     BaseResponseInsuranceReportSummaryResponse: {
       /**
        * Format: int32
@@ -972,27 +1096,6 @@ export interface components {
       /** @description 마지막 페이지 여부 */
       isLast?: boolean;
     };
-    BaseResponseKaKaoLoginResponse: {
-      /**
-       * Format: int32
-       * @example 200
-       */
-      code?: number;
-      message?: string;
-      data?: components['schemas']['KaKaoLoginResponse'];
-    };
-    KaKaoLoginResponse: {
-      /**
-       * Format: int64
-       * @description 유저 PK
-       * @example 1
-       */
-      userId?: number;
-      /** @description 액세스 토큰 */
-      accessToken?: string;
-      /** @description 리프레쉬 토큰 */
-      refreshToken?: string;
-    };
     BaseResponseInsuranceReportResponse: {
       /**
        * Format: int32
@@ -1035,7 +1138,13 @@ export interface components {
     };
     SectionData: {
       additionalInfo?: string;
-      statuses?: components['schemas']['ShowCoverageStatus'][];
+      resource?: string;
+      statuses?: components['schemas']['ShowCoverageStatusDetail'][];
+    };
+    ShowCoverageStatusDetail: {
+      target?: string;
+      status?: string;
+      queryParamValue?: string;
     };
     BaseResponseSurgerySection: {
       /**
@@ -1127,15 +1236,6 @@ export interface components {
       hyphenCase?: string;
       coverage?: components['schemas']['CompareCoverage'];
     };
-    BaseResponseVoid: {
-      /**
-       * Format: int32
-       * @example 200
-       */
-      code?: number;
-      message?: string;
-      data?: Record<string, never>;
-    };
   };
   responses: never;
   parameters: never;
@@ -1508,12 +1608,9 @@ export interface operations {
       };
     };
   };
-  getComments: {
+  createPostLike: {
     parameters: {
-      query?: {
-        cursor?: number;
-        size?: number;
-      };
+      query?: never;
       header?: never;
       path: {
         'post-id': number;
@@ -1528,7 +1625,7 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseSliceResponseCommentResponseLong'];
+          '*/*': components['schemas']['BaseResponseVoid'];
         };
       };
       400: {
@@ -1589,7 +1686,7 @@ export interface operations {
       };
     };
   };
-  createComment: {
+  deletePostLike: {
     parameters: {
       query?: never;
       header?: never;
@@ -1598,11 +1695,7 @@ export interface operations {
       };
       cookie?: never;
     };
-    requestBody: {
-      content: {
-        'application/json': components['schemas']['CommentCreateRequest'];
-      };
-    };
+    requestBody?: never;
     responses: {
       /** @description OK */
       200: {
@@ -1610,7 +1703,7 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponsePostCreateResponse'];
+          '*/*': components['schemas']['BaseResponseVoid'];
         };
       };
       400: {
@@ -1663,11 +1756,16 @@ export interface operations {
       };
     };
   };
-  reissue: {
+  getComments: {
     parameters: {
-      query?: never;
+      query?: {
+        cursor?: number;
+        size?: number;
+      };
       header?: never;
-      path?: never;
+      path: {
+        'post-id': number;
+      };
       cookie?: never;
     };
     requestBody?: never;
@@ -1678,7 +1776,7 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseTokenReissueResponse'];
+          '*/*': components['schemas']['BaseResponseSliceResponseCommentResponseLong'];
         };
       };
       400: {
@@ -1721,6 +1819,14 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      409: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
       500: {
         headers: {
           [name: string]: unknown;
@@ -1731,16 +1837,18 @@ export interface operations {
       };
     };
   };
-  issueReport: {
+  createComment: {
     parameters: {
       query?: never;
       header?: never;
-      path?: never;
+      path: {
+        'post-id': number;
+      };
       cookie?: never;
     };
     requestBody: {
       content: {
-        'application/json': components['schemas']['InsuranceReportRequest'];
+        'application/json': components['schemas']['CommentCreateRequest'];
       };
     };
     responses: {
@@ -1750,7 +1858,7 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseIssueInsuranceReportResponse'];
+          '*/*': components['schemas']['BaseResponsePostCreateResponse'];
         };
       };
       400: {
@@ -1803,7 +1911,7 @@ export interface operations {
       };
     };
   };
-  getMyLastInsuranceReportSummary: {
+  reissue: {
     parameters: {
       query?: never;
       header?: never;
@@ -1818,7 +1926,7 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseInsuranceReportSummaryResponse'];
+          '*/*': components['schemas']['BaseResponseTokenReissueResponse'];
         };
       };
       400: {
@@ -1871,11 +1979,10 @@ export interface operations {
       };
     };
   };
-  getMyPosts: {
+  logout: {
     parameters: {
       query?: {
-        cursorId?: number;
-        size?: number;
+        'redirect-url'?: string;
       };
       header?: never;
       path?: never;
@@ -1889,9 +1996,10 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseSliceResponseMyPostSummaryResponseLong'];
+          '*/*': components['schemas']['BaseResponseString'];
         };
       };
+      /** @description 경로 변수 값이 누락되었습니다. */
       400: {
         headers: {
           [name: string]: unknown;
@@ -1900,6 +2008,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 유효하지 않은 JWT입니다. */
       401: {
         headers: {
           [name: string]: unknown;
@@ -1908,6 +2017,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 권한이 없습니다. */
       403: {
         headers: {
           [name: string]: unknown;
@@ -1916,6 +2026,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 지원하지 않는 URL입니다. */
       404: {
         headers: {
           [name: string]: unknown;
@@ -1924,6 +2035,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 유효하지 않은 Http 메서드입니다. */
       405: {
         headers: {
           [name: string]: unknown;
@@ -1932,6 +2044,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 외부 서버 오류입니다. */
       500: {
         headers: {
           [name: string]: unknown;
@@ -1942,11 +2055,11 @@ export interface operations {
       };
     };
   };
-  getMyComments: {
+  kakaoCallback_1: {
     parameters: {
-      query?: {
-        cursorId?: number;
-        size?: number;
+      query: {
+        code: string;
+        'redirect-url'?: string;
       };
       header?: never;
       path?: never;
@@ -1960,7 +2073,7 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseSliceResponseMyCommentSummaryResponseLong'];
+          '*/*': components['schemas']['BaseResponseKaKaoLoginResponse'];
         };
       };
       400: {
@@ -2013,14 +2126,18 @@ export interface operations {
       };
     };
   };
-  getInfo: {
+  kakaoCallback: {
     parameters: {
       query?: never;
       header?: never;
       path?: never;
       cookie?: never;
     };
-    requestBody?: never;
+    requestBody: {
+      content: {
+        'application/json': components['schemas']['OAuthLoginRequest'];
+      };
+    };
     responses: {
       /** @description OK */
       200: {
@@ -2028,7 +2145,7 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseUserProfileResponse'];
+          '*/*': components['schemas']['BaseResponseKaKaoLoginResponse'];
         };
       };
       400: {
@@ -2081,14 +2198,18 @@ export interface operations {
       };
     };
   };
-  getJobs: {
+  issueReport: {
     parameters: {
       query?: never;
       header?: never;
       path?: never;
       cookie?: never;
     };
-    requestBody?: never;
+    requestBody: {
+      content: {
+        'application/json': components['schemas']['InsuranceReportRequest'];
+      };
+    };
     responses: {
       /** @description OK */
       200: {
@@ -2096,10 +2217,9 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseJobResponses'];
+          '*/*': components['schemas']['BaseResponseIssueInsuranceReportResponse'];
         };
       };
-      /** @description 경로 변수 값이 누락되었습니다. */
       400: {
         headers: {
           [name: string]: unknown;
@@ -2108,7 +2228,6 @@ export interface operations {
           'application/json': unknown;
         };
       };
-      /** @description 유효하지 않은 JWT입니다. */
       401: {
         headers: {
           [name: string]: unknown;
@@ -2117,7 +2236,6 @@ export interface operations {
           'application/json': unknown;
         };
       };
-      /** @description 권한이 없습니다. */
       403: {
         headers: {
           [name: string]: unknown;
@@ -2126,7 +2244,6 @@ export interface operations {
           'application/json': unknown;
         };
       };
-      /** @description 지원하지 않는 URL입니다. */
       404: {
         headers: {
           [name: string]: unknown;
@@ -2135,7 +2252,6 @@ export interface operations {
           'application/json': unknown;
         };
       };
-      /** @description 유효하지 않은 Http 메서드입니다. */
       405: {
         headers: {
           [name: string]: unknown;
@@ -2144,7 +2260,6 @@ export interface operations {
           'application/json': unknown;
         };
       };
-      /** @description 외부 서버 오류입니다. */
       500: {
         headers: {
           [name: string]: unknown;
@@ -2155,7 +2270,79 @@ export interface operations {
       };
     };
   };
-  getDiagnosedDisease: {
+  createdUrls: {
+    parameters: {
+      query?: never;
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    requestBody: {
+      content: {
+        'application/json': components['schemas']['PresignedUrlRequest'];
+      };
+    };
+    responses: {
+      /** @description OK */
+      200: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          '*/*': components['schemas']['BaseResponsePresignedUrlResponse'];
+        };
+      };
+      400: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      401: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      403: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      404: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      405: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      500: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+    };
+  };
+  getMyLastInsuranceReportSummary: {
     parameters: {
       query?: never;
       header?: never;
@@ -2170,7 +2357,285 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseDiagnosedDiseaseResponses'];
+          '*/*': components['schemas']['BaseResponseInsuranceReportSummaryResponse'];
+        };
+      };
+      400: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      401: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      403: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      404: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      405: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      500: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+    };
+  };
+  getMyPosts: {
+    parameters: {
+      query?: {
+        cursorId?: number;
+        size?: number;
+      };
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    requestBody?: never;
+    responses: {
+      /** @description OK */
+      200: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          '*/*': components['schemas']['BaseResponseSliceResponseMyPostSummaryResponseLong'];
+        };
+      };
+      400: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      401: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      403: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      404: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      405: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      500: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+    };
+  };
+  getMyComments: {
+    parameters: {
+      query?: {
+        cursorId?: number;
+        size?: number;
+      };
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    requestBody?: never;
+    responses: {
+      /** @description OK */
+      200: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          '*/*': components['schemas']['BaseResponseSliceResponseMyCommentSummaryResponseLong'];
+        };
+      };
+      400: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      401: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      403: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      404: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      405: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      500: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+    };
+  };
+  getInfo: {
+    parameters: {
+      query?: never;
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    requestBody?: never;
+    responses: {
+      /** @description OK */
+      200: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          '*/*': components['schemas']['BaseResponseUserProfileResponse'];
+        };
+      };
+      400: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      401: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      403: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      404: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      405: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+      500: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          'application/json': unknown;
+        };
+      };
+    };
+  };
+  getJobs: {
+    parameters: {
+      query?: never;
+      header?: never;
+      path?: never;
+      cookie?: never;
+    };
+    requestBody?: never;
+    responses: {
+      /** @description OK */
+      200: {
+        headers: {
+          [name: string]: unknown;
+        };
+        content: {
+          '*/*': components['schemas']['BaseResponseJobResponses'];
         };
       };
       /** @description 경로 변수 값이 누락되었습니다. */
@@ -2229,7 +2694,7 @@ export interface operations {
       };
     };
   };
-  getCoverageSelect: {
+  getDiagnosedDisease: {
     parameters: {
       query?: never;
       header?: never;
@@ -2244,7 +2709,7 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseCoveragePreferenceResponses'];
+          '*/*': components['schemas']['BaseResponseDiagnosedDiseaseResponses'];
         };
       };
       /** @description 경로 변수 값이 누락되었습니다. */
@@ -2303,11 +2768,9 @@ export interface operations {
       };
     };
   };
-  kakaoCallback: {
+  getCoverageSelect: {
     parameters: {
-      query: {
-        code: string;
-      };
+      query?: never;
       header?: never;
       path?: never;
       cookie?: never;
@@ -2320,9 +2783,10 @@ export interface operations {
           [name: string]: unknown;
         };
         content: {
-          '*/*': components['schemas']['BaseResponseKaKaoLoginResponse'];
+          '*/*': components['schemas']['BaseResponseCoveragePreferenceResponses'];
         };
       };
+      /** @description 경로 변수 값이 누락되었습니다. */
       400: {
         headers: {
           [name: string]: unknown;
@@ -2331,6 +2795,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 유효하지 않은 JWT입니다. */
       401: {
         headers: {
           [name: string]: unknown;
@@ -2339,6 +2804,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 권한이 없습니다. */
       403: {
         headers: {
           [name: string]: unknown;
@@ -2347,6 +2813,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 지원하지 않는 URL입니다. */
       404: {
         headers: {
           [name: string]: unknown;
@@ -2355,6 +2822,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 유효하지 않은 Http 메서드입니다. */
       405: {
         headers: {
           [name: string]: unknown;
@@ -2363,6 +2831,7 @@ export interface operations {
           'application/json': unknown;
         };
       };
+      /** @description 외부 서버 오류입니다. */
       500: {
         headers: {
           [name: string]: unknown;
diff --git a/apps/client/src/widgets/home/components/home-chip/home-chip.css.ts b/apps/client/src/widgets/home/components/home-card/home-card.css.ts
similarity index 100%
rename from apps/client/src/widgets/home/components/home-chip/home-chip.css.ts
rename to apps/client/src/widgets/home/components/home-card/home-card.css.ts
diff --git a/apps/client/src/widgets/home/components/home-chip/home-chip.tsx b/apps/client/src/widgets/home/components/home-card/home-card.tsx
similarity index 83%
rename from apps/client/src/widgets/home/components/home-chip/home-chip.tsx
rename to apps/client/src/widgets/home/components/home-card/home-card.tsx
index 73f6b729..08585e26 100644
--- a/apps/client/src/widgets/home/components/home-chip/home-chip.tsx
+++ b/apps/client/src/widgets/home/components/home-card/home-card.tsx
@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 
 import { StatusType } from '@shared/types/type.ts';
 
-import * as styles from './home-chip.css.ts';
+import * as styles from './home-card.css.ts';
 
 const statusMap = {
   충분: 'enough',
@@ -16,7 +16,7 @@ interface ChipProps {
   status?: StatusType;
 }
 
-const HomeChip = ({ icon, title, status }: ChipProps) => {
+const HomeCard = ({ icon, title, status }: ChipProps) => {
   const internalStatus = status ? statusMap[status] : undefined;
 
   return (
@@ -34,4 +34,4 @@ const HomeChip = ({ icon, title, status }: ChipProps) => {
   );
 };
 
-export default HomeChip;
+export default HomeCard;
diff --git a/apps/client/src/widgets/home/components/info-section/info-section.tsx b/apps/client/src/widgets/home/components/info-section/info-section.tsx
index 25fe1c71..77e58fb8 100644
--- a/apps/client/src/widgets/home/components/info-section/info-section.tsx
+++ b/apps/client/src/widgets/home/components/info-section/info-section.tsx
@@ -6,7 +6,7 @@ import { Swiper, SwiperSlide } from 'swiper/react';
 import { Button } from '@bds/ui';
 import { Icon } from '@bds/ui/icons';
 
-import HomeChip from '@widgets/home/components/home-chip/home-chip.tsx';
+import HomeCard from '@widgets/home/components/home-card/home-card.tsx';
 import { homeChipConfig } from '@widgets/home/configs/home-chip-config.ts';
 
 import InsuranceTitle from '@shared/components/insurance-title/insurance-title.tsx';
@@ -54,7 +54,7 @@ export const InfoSection = () => {
         >
           {homeChipConfig.map((chip, index) => (
             <SwiperSlide key={index} style={{ width: 'auto' }}>
-              <HomeChip
+              <HomeCard
                 icon={
                   <Icon
                     name={chip.icon as IconName}
diff --git a/apps/client/src/widgets/home/components/info-section/recommended-info-section.tsx b/apps/client/src/widgets/home/components/info-section/recommended-info-section.tsx
index fbc5525b..57656271 100644
--- a/apps/client/src/widgets/home/components/info-section/recommended-info-section.tsx
+++ b/apps/client/src/widgets/home/components/info-section/recommended-info-section.tsx
@@ -8,7 +8,7 @@ import { Swiper, SwiperSlide } from 'swiper/react';
 import { Chip, TextButton } from '@bds/ui';
 import { Icon } from '@bds/ui/icons';
 
-import HomeChip from '@widgets/home/components/home-chip/home-chip.tsx';
+import HomeCard from '@widgets/home/components/home-card/home-card.tsx';
 import { homeChipConfig } from '@widgets/home/configs/home-chip-config.ts';
 
 import { HOME_QUERY_OPTIONS } from '@shared/api/domain/home/queries.ts';
@@ -112,7 +112,7 @@ export const RecommendedInfoSection = ({
         {chipList.map((chip, index) => {
           return (
             <SwiperSlide key={index} style={{ width: 'auto' }}>
-              <HomeChip
+              <HomeCard
                 icon={<Icon name={chip.icon} className={styles.homeChipIcon} />}
                 title={chip.title}
                 status={chip.status as StatusType}
@@ -124,7 +124,7 @@ export const RecommendedInfoSection = ({
           const iconName = targetToIconMap.get(chip.target || '');
           return (
             <SwiperSlide key={index} style={{ width: 'auto' }}>
-              <HomeChip
+              <HomeCard
                 icon={
                   <Icon
                     name={iconName as IconName}
diff --git a/apps/client/src/widgets/login-fallback/hooks/use-social-login.ts b/apps/client/src/widgets/login-fallback/hooks/use-social-login.ts
index d0c9282d..7d9c92c1 100644
--- a/apps/client/src/widgets/login-fallback/hooks/use-social-login.ts
+++ b/apps/client/src/widgets/login-fallback/hooks/use-social-login.ts
@@ -2,24 +2,32 @@ import ky from '@toss/ky';
 import { useNavigate } from 'react-router';
 
 import { tokenService } from '@shared/auth/services/token-service';
+import { appConfig } from '@shared/configs/app-config';
 import { routePath } from '@shared/router/path';
 import { paths } from '@shared/types/schema';
 
 export const useSocialLogin = () => {
   const navigate = useNavigate();
   type KakaoResponse =
-    paths['/oauth/kakao/login']['get']['responses']['200']['content']['*/*']['data'];
+    paths['/oauth/kakao/login']['post']['responses']['200']['content']['*/*']['data'];
+
+  const getRedirectUrl = () =>
+    import.meta.env.MODE === 'development'
+      ? appConfig.auth.kakaoLocalRedirectUrl
+      : appConfig.auth.kakaoProdRedirectUrl;
 
   const kakaoLogin = async (code: string) => {
     if (!code) {
       throw new Error('코드가 존재하지 않습니다.');
     }
 
+    const redirectUrl = getRedirectUrl();
+
     try {
       const response = await ky
-        .get(
-          `${import.meta.env.VITE_API_BASE_URL}/oauth/kakao/login?code=${code}`,
-        )
+        .post(`${appConfig.api.baseUrl}/oauth/kakao/login`, {
+          json: { code, redirectUrl },
+        })
         .json<KakaoResponse>();
 
       const { accessToken, refreshToken } = response.data;
diff --git a/apps/client/src/widgets/report/components/accordion/accordion.tsx b/apps/client/src/widgets/report/components/accordion/accordion.tsx
index d4760743..2a918c1f 100644
--- a/apps/client/src/widgets/report/components/accordion/accordion.tsx
+++ b/apps/client/src/widgets/report/components/accordion/accordion.tsx
@@ -2,9 +2,10 @@ import { ReactNode } from 'react';
 
 import { Icon } from '@bds/ui/icons';
 
+import Chip from '@widgets/report/components/chip/chip.tsx';
+
 import { StatusType } from '@shared/types/type';
 
-import Chip from '../chip/chip';
 import Title from '../title/title';
 import { AccordionContextProvider } from './context-provider';
 import { useAccordionContext } from './hooks/use-context';
diff --git a/apps/client/src/widgets/report/components/chip/chip.tsx b/apps/client/src/widgets/report/components/chip/chip.tsx
index 8e4aa5ca..fe2c0406 100644
--- a/apps/client/src/widgets/report/components/chip/chip.tsx
+++ b/apps/client/src/widgets/report/components/chip/chip.tsx
@@ -1,6 +1,6 @@
 import { StatusType } from '@shared/types/type';
 
-import * as styles from './chip.css';
+import * as styles from './chip.css.ts';
 
 const statusMap = {
   충분: 'enough',
diff --git a/packages/bds-ui/src/components/index.ts b/packages/bds-ui/src/components/index.ts
index 556ee69d..be983cba 100644
--- a/packages/bds-ui/src/components/index.ts
+++ b/packages/bds-ui/src/components/index.ts
@@ -6,6 +6,7 @@ export { default as Content } from './content/content';
 export { default as Floating } from './floating/floating';
 export { default as Indicator } from './indicator/indicator';
 export { default as Input } from './input/input';
+export { default as LikeButton } from './like-button/like-button';
 export { default as Modal } from './modal/modal';
 export { default as ModalContainer } from './modal/modal-container';
 export * from './modal/store/modal-store';
diff --git a/packages/bds-ui/src/components/like-button/like-button.css.ts b/packages/bds-ui/src/components/like-button/like-button.css.ts
new file mode 100644
index 00000000..076a6741
--- /dev/null
+++ b/packages/bds-ui/src/components/like-button/like-button.css.ts
@@ -0,0 +1,22 @@
+import { recipe } from '@vanilla-extract/recipes';
+
+import { themeVars } from '../../styles';
+
+export const iconVariants = recipe({
+  variants: {
+    isActive: {
+      true: { color: themeVars.color.error },
+      false: { color: themeVars.color.gray600 },
+    },
+    size: {
+      sm: {
+        width: '1.6rem',
+        height: '1.6rem',
+      },
+      md: {
+        width: '2.4rem',
+        height: '2.4rem',
+      },
+    },
+  },
+});
diff --git a/packages/bds-ui/src/components/like-button/like-button.stories.tsx b/packages/bds-ui/src/components/like-button/like-button.stories.tsx
new file mode 100644
index 00000000..6e0a4603
--- /dev/null
+++ b/packages/bds-ui/src/components/like-button/like-button.stories.tsx
@@ -0,0 +1,139 @@
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+
+import LikeButton from './like-button';
+
+const meta: Meta<typeof LikeButton> = {
+  title: 'Common/LikeButton',
+  component: LikeButton,
+  parameters: {
+    layout: 'centered',
+    docs: {
+      description: {
+        component: `
+**LikeButton** 컴포넌트는 '좋아요' 토글을 위한 디자인 시스템 컴포넌트입니다.  
+상태는 외부에서 관리하도록 설계하였습니다.
+
+## 설계 고려사항
+- 접근성을 고려해 설계했습니다.
+- 크기는 \`size\` variant('sm' | 'md')로 관리합니다. sm: '1.6rem', md: '2.4rem'
+
+## 접근성
+- \`aria-label\`은 동작(눌렀을 때의 행동)을 설명합니다. 사용자로부터 \`ariaLabelWhenActive\` / \`ariaLabelWhenInActive\`를 입력받아 사용합니다.
+
+## Props 요약
+- **size**: 아이콘 크기 프리셋 ('sm' | 'md')
+- **isActive**: 현재 좋아요 상태 (boolean)
+- **onToggle?**: 클릭 시 호출되는 콜백 (상태 토글은 상위에서 처리; 맨 아래 \`Interactive\`에서 테스트)
+- **ariaLabelWhenActive?**: 활성화(좋아요됨) 상태일 때 스크린리더 라벨
+- **ariaLabelWhenInActive?**: 비활성화(좋아요 안됨) 상태일 때 스크린리더 라벨
+        `,
+      },
+    },
+  },
+  argTypes: {
+    size: {
+      control: { type: 'radio' },
+      options: ['sm', 'md'],
+      description: '아이콘 크기 프리셋',
+      table: { type: { summary: "'sm' | 'md'" } },
+    },
+    isActive: {
+      control: { type: 'boolean' },
+      description: '좋아요 상태를 나타냅니다.',
+      table: { type: { summary: 'boolean' } },
+    },
+    onToggle: {
+      description:
+        '버튼 클릭 시 호출됩니다. 상태 변경은 상위에서 처리하면 됩니다.',
+      table: { type: { summary: '() => void' } },
+    },
+    ariaLabelWhenActive: {
+      control: { type: 'text' },
+      description: '활성화(좋아요됨) 상태에서의 aria-label.',
+      table: { type: { summary: 'string' } },
+    },
+    ariaLabelWhenInActive: {
+      control: { type: 'text' },
+      description: '비활성(좋아요 안됨) 상태에서의 aria-label.',
+      table: { type: { summary: 'string' } },
+    },
+  },
+  tags: ['autodocs'],
+};
+
+export default meta;
+
+type Story = StoryObj<typeof LikeButton>;
+
+// Storybook 전용 Wrapper
+function SizeWrapper({
+  size,
+  children,
+}: {
+  size: 'sm' | 'md';
+  children: React.ReactNode;
+}) {
+  const className = `sb-like-size-${size}`;
+  const css = `
+    .${className} svg {
+      width: ${size === 'sm' ? '1.6rem' : '2.4rem'} !important;
+      height: ${size === 'sm' ? '1.6rem' : '2.4rem'} !important;
+    }
+  `;
+  return (
+    <div className={className}>
+      <style>{css}</style>
+      {children}
+    </div>
+  );
+}
+
+export const Default: Story = {
+  args: {
+    size: 'md',
+    isActive: false,
+    ariaLabelWhenActive: '좋아요 취소',
+    ariaLabelWhenInActive: '좋아요',
+  },
+  render: (args) => (
+    <SizeWrapper size={args.size}>
+      <LikeButton {...args} />
+    </SizeWrapper>
+  ),
+};
+
+export const Liked: Story = {
+  args: {
+    size: 'md',
+    isActive: true,
+    ariaLabelWhenActive: '좋아요 취소',
+    ariaLabelWhenInActive: '좋아요',
+  },
+  render: (args) => (
+    <SizeWrapper size={args.size}>
+      <LikeButton {...args} />
+    </SizeWrapper>
+  ),
+};
+
+export const Interactive: Story = {
+  args: {
+    size: 'sm',
+    isActive: false,
+    ariaLabelWhenActive: '좋아요 취소',
+    ariaLabelWhenInActive: '좋아요',
+  },
+  render: (args) => {
+    const [liked, setLiked] = useState<boolean>(Boolean(args.isActive));
+    return (
+      <SizeWrapper size={args.size}>
+        <LikeButton
+          {...args}
+          isActive={liked}
+          onToggle={() => setLiked(!liked)}
+        />
+      </SizeWrapper>
+    );
+  },
+};
diff --git a/packages/bds-ui/src/components/like-button/like-button.tsx b/packages/bds-ui/src/components/like-button/like-button.tsx
new file mode 100644
index 00000000..a8df38fa
--- /dev/null
+++ b/packages/bds-ui/src/components/like-button/like-button.tsx
@@ -0,0 +1,35 @@
+import { Icon } from '@bds/ui/icons';
+
+import { iconVariants } from './like-button.css';
+
+interface LikeButtonProps {
+  size: 'sm' | 'md';
+  onToggle?: () => void;
+  isActive: boolean;
+  ariaLabelWhenActive?: string;
+  ariaLabelWhenInActive?: string;
+}
+
+const LikeButton = ({
+  size,
+  onToggle,
+  isActive,
+  ariaLabelWhenActive,
+  ariaLabelWhenInActive,
+}: LikeButtonProps) => {
+  return (
+    <button
+      type="button"
+      aria-label={isActive ? ariaLabelWhenActive : ariaLabelWhenInActive}
+      onClick={onToggle}
+    >
+      <Icon
+        name={isActive ? 'heart_fill' : 'heart'}
+        size={iconVariants({ size })}
+        className={iconVariants({ isActive })}
+      />
+    </button>
+  );
+};
+
+export default LikeButton;