Skip to content

[Fix] 채티방 나가기, 삭제 시 채팅방 데이터 초기화 #48

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 7, 2025
Merged

[Fix] 채티방 나가기, 삭제 시 채팅방 데이터 초기화 #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c08269b
커밋 작동 확인용
ces0135-hub Mar 7, 2025
8971e83
Fix: 채팅방 데이터 캐시 초기화
ces0135-hub Mar 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion src/components/ChatStyles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1365,7 +1365,6 @@
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
background-color: #2563eb;
/* 호버 시 더 진한 파란색 */
}

/* 채팅 상단 버튼 그룹 조정 - 기존에 있지만 gap 조정 */
Expand Down
101 changes: 24 additions & 77 deletions src/services/ChatService.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@ const ChatService = {
const formData = new FormData();
formData.append('title', title);
formData.append('userCountMax', parseInt(userCountMax));

// 파일 업로드 디버깅
if (file) {
console.log('Uploading file:', file);
Expand Down Expand Up @@ -225,19 +225,12 @@ const ChatService = {
}

const response = await apiClient.delete(`/chat/room/out/${roomId}`);
ChatService.clearRoomCache(roomId);
console.log('채팅방 나가기 응답:', response);

if (response && !response.errorCode) {
// 참여한 방 목록 캐시만 초기화
cache.clearJoinedRoomsCache();

// localStorage에 플래그 설정: 참여한 방 목록만 새로고침
localStorage.setItem('refreshJoinedOnly', 'true');
localStorage.setItem('chatRoomChanged', Date.now().toString());
}

return response;
} catch (error) {
ChatService.clearRoomCache(roomId);
console.error('Error leaving room:', error);
throw error;
}
Expand All @@ -252,13 +245,11 @@ const ChatService = {
const response = await apiClient.delete(`/chat/room/delete/${roomId}`);
console.log('채팅방 삭제 응답:', response);

if (response && !response.errorCode) {
// 방 삭제 시 모든 캐시 초기화
cache.clearCache();
}
ChatService.clearRoomCache(roomId);

return response;
} catch (error) {
ChatService.clearRoomCache(roomId);
console.error('Error deleting room:', error);
throw error;
}
Expand Down Expand Up @@ -313,69 +304,6 @@ const ChatService = {
}
},

// // 채팅방 정보 가져오기 (비공개 여부 확인용)
// getRoomInfo: async (roomId) => {
// try {
// // 채팅방 목록 API를 활용하여 정보 가져오기
// const response = await ChatService.getRoomList();

// // 모든 채팅방 중에서 해당 ID의 채팅방 찾기
// const room = response.data.find(r => r.id === parseInt(roomId));

// if (!room) {
// throw new Error('채팅방을 찾을 수 없습니다.');
// }

// return {
// id: room.id,
// title: room.title,
// isPrivate: room.isPrivate || false, // 이 필드가 API 응답에 없을 수 있음
// currentUserCount: room.currentUserCount,
// userCountMax: room.userCountMax
// };
// } catch (error) {
// console.error('Error getting room info:', error);
// throw error;
// }
// },

// // 채팅방 입장 (비밀번호 포함)
// joinRoomWithPassword: async (roomId, password) => {
// try {
// // URL 경로 수정 - "/api/" 제거
// const response = await fetch(`/chat/room/join/${roomId}`, {
// method: 'POST',
// headers: {
// 'Content-Type': 'application/json'
// },
// body: JSON.stringify({
// title: '',
// userCountMax: 0,
// password: password
// })
// });

// if (!response.ok) {
// const errorText = await response.text();
// console.error('Server response:', errorText);
// throw new Error(response.status === 500 ? '서버 내부 오류가 발생했습니다.' : '비밀번호가 올바르지 않습니다.');
// }

// const data = await response.json();

// // 참여한 방 새로고침 플래그
// localStorage.setItem('refreshJoinedOnly', 'true');
// localStorage.setItem('chatRoomChanged', Date.now().toString());

// return data;
// } catch (error) {
// console.error('Error joining room with password:', error);
// throw error;
// }
// }

// ChatService.js에 추가할 비밀번호 체크 기능

// 채팅방 입장 (비밀번호 포함)
joinRoomWithPassword: async (roomId, password) => {
try {
Expand Down Expand Up @@ -464,6 +392,25 @@ const ChatService = {
console.error('Error getting room info:', error);
throw error;
}
},

clearRoomCache: (roomId) => {
// 채팅방 메시지 캐시 삭제
localStorage.removeItem(`chat_messages_${roomId}`);

// 캐시 객체에서 해당 방 정보 제거
if (cache.rooms.all) {
cache.rooms.all.data = cache.rooms.all.data.filter(room => room.id !== roomId);
}
if (cache.rooms.created) {
cache.rooms.created.data = cache.rooms.created.data.filter(room => room.id !== roomId);
}
if (cache.rooms.joined) {
cache.rooms.joined.data = cache.rooms.joined.data.filter(room => room.id !== roomId);
}

// 캐시 변경 이벤트 발생
localStorage.setItem('chatRoomChanged', Date.now().toString());
}
};

Expand Down