fix: 타입 에러 수정

src/api/rooms/getRoomDetail.ts

@@ -1,4 +1,5 @@
 import { apiClient } from '../index';
+import { AxiosError } from 'axios';
 
 // 방 상세 정보 응답 타입
 export interface RoomDetailResponse {
@@ -42,17 +43,19 @@ export const getRoomDetail = async (roomId: number): Promise<RoomDetailResponse>
   try {
     const response = await apiClient.get<RoomDetailResponse>(`/rooms/${roomId}/recruiting`);
     return response.data;
-  } catch (error: any) {
+  } catch (error: unknown) {
     console.error('방 상세 정보 조회 API 오류:', error);
 
-    // 모집기간이 만료된 방인 경우
-    if (error.response?.data?.code === 100004) {
-      throw new Error('모집기간이 만료된 방입니다.');
-    }
-
-    // 방 접근 권한이 없는 경우
-    if (error.response?.data?.code === 140011) {
-      throw new Error('방 접근 권한이 없습니다.');
+    if (error instanceof AxiosError) {
+      // 모집기간이 만료된 방인 경우
+      if (error.response?.data?.code === 100004) {
+        throw new Error('모집기간이 만료된 방입니다.');
+      }
+
+      // 방 접근 권한이 없는 경우
+      if (error.response?.data?.code === 140011) {
+        throw new Error('방 접근 권한이 없습니다.');
+      }
     }
 
     throw error;

src/api/rooms/getRoomMembers.ts

@@ -1,4 +1,5 @@
 import { apiClient } from '../index';
+import { AxiosError } from 'axios';
 
 export interface RoomMember {
   userId: number;
@@ -47,11 +48,11 @@ export const getRoomMembers = async (roomId: number): Promise<RoomMembersRespons
   try {
     const response = await apiClient.get<RoomMembersResponse>(`/rooms/${roomId}/users`);
     return response.data;
-  } catch (error: any) {
+  } catch (error: unknown) {
     console.error('독서메이트 조회 API 오류:', error);
 
     // 방 접근 권한이 없는 경우
-    if (error.response?.data?.code === 140011) {
+    if (error instanceof AxiosError && error.response?.data?.code === 140011) {
       throw new Error('방 접근 권한이 없습니다.');
     }
 

src/api/rooms/getRoomPlaying.ts

@@ -1,4 +1,5 @@
 import { apiClient } from '../index';
+import { AxiosError } from 'axios';
 
 // 투표 아이템 타입
 export interface VoteItem {
@@ -65,11 +66,11 @@ export const getRoomPlaying = async (roomId: number): Promise<RoomPlayingRespons
   try {
     const response = await apiClient.get<RoomPlayingResponse>(`/rooms/${roomId}/playing`);
     return response.data;
-  } catch (error: any) {
+  } catch (error: unknown) {
     console.error('진행중인 방 상세 정보 조회 API 오류:', error);
 
     // 방 접근 권한이 없는 경우
-    if (error.response?.data?.code === 140011) {
+    if (error instanceof AxiosError && error.response?.data?.code === 140011) {
       throw new Error('방 접근 권한이 없습니다.');
     }
 

src/components/group/CommentSection.styled.ts

@@ -11,6 +11,11 @@ export const CommentSection = styled.section`
   padding: 16px 12px;
   border-radius: 12px;
   cursor: pointer;
+
+  &:focus-visible {
+    outline: 2px solid ${colors.purple.main};
+    outline-offset: 2px;
+  }
 `;
 
 export const CommentSectionHeader = styled.div`

src/pages/groupDetail/GroupDetail.tsx

@@ -97,17 +97,17 @@ const GroupDetail = () => {
         } else {
           setError(response.message);
         }
-      } catch (error: any) {
+      } catch (error: unknown) {
         console.error('방 상세 정보 조회 실패:', error);
 
         // 모집기간이 만료된 방인 경우 - 진행중인 방으로 리다이렉트
-        if (error.message === '모집기간이 만료된 방입니다.') {
+        if (error instanceof Error && error.message === '모집기간이 만료된 방입니다.') {
           navigate(`/group/detail/joined/${roomId}`, { replace: true });
           return;
         }
 
         // 방 접근 권한이 없는 경우 - 모임 홈으로 리다이렉트
-        if (error.message === '방 접근 권한이 없습니다.') {
+        if (error instanceof Error && error.message === '방 접근 권한이 없습니다.') {
           navigate('/group', { replace: true });
           return;
         }

src/pages/groupDetail/ParticipatedGroupDetail.tsx

@@ -74,11 +74,11 @@ const ParticipatedGroupDetail = () => {
         } else {
           setError(response.message);
         }
-      } catch (err: any) {
+      } catch (err: unknown) {
         console.error('방 상세 정보 조회 오류:', err);
 
         // 방 접근 권한이 없는 경우 - 모임 홈으로 리다이렉트
-        if (err.message === '방 접근 권한이 없습니다.') {
+        if (err instanceof Error && err.message === '방 접근 권한이 없습니다.') {
           navigate('/group', { replace: true });
           return;
         }

src/pages/groupMembers/GroupMembers.tsx

@@ -42,11 +42,11 @@ const GroupMembers = () => {
         } else {
           setError(response.message);
         }
-      } catch (err: any) {
+      } catch (err: unknown) {
         console.error('독서메이트 조회 오류:', err);
 
         // 방 접근 권한이 없는 경우 - 모임 홈으로 리다이렉트
-        if (err.message === '방 접근 권한이 없습니다.') {
+        if (err instanceof Error && err.message === '방 접근 권한이 없습니다.') {
           navigate('/group', { replace: true });
           return;
         }