삭제 기능 미동작 문제

문제 상황

Space 삭제 버튼을 눌러도 삭제가 정상적으로 처리되지 않는 문제가 발생했다.

원인 분석

첫 번째 원인은 프론트엔드에서 삭제 이벤트를 처리하는 onDelete 연결이 누락되어 있었기 때문이다. 삭제 버튼은 존재했지만 실제 삭제 요청을 실행하는 함수와 연결되지 않아 동작하지 않았다.

두 번째 원인은 API 응답 처리 방식이었다. 백엔드의 DELETE 요청은 성공 시 204 No Content를 반환하는데, 프론트엔드 공통 요청 유틸은 모든 응답을 무조건 JSON으로 파싱하고 있었다. 따라서 본문이 없는 204 응답에서 JSON 파싱 오류가 발생했다.

해결 방법

삭제 버튼에 onDelete 핸들러를 연결해 프론트엔드에서 실제 삭제 요청이 실행되도록 수정했다. 또한 공통 API 유틸에서 204 No Content 응답 또는 빈 응답인 경우 JSON 파싱을 시도하지 않도록 예외 처리를 추가했다.

결과

삭제 요청이 정상적으로 백엔드에 전달되고, 204 응답에서도 프론트엔드 오류 없이 삭제 처리가 완료되도록 개선했다. 이를 통해 UI 이벤트 연결과 HTTP 응답 상태별 처리의 중요성을 확인했다.