리팩토링 1차 개선 내용

리팩토링 1차 개선 회의

---

위 회의를 바탕으로 리팩토링 1차 개선을 진행한 내용입니다.

1차 리팩토링 상세 내역

1. 개요

• 변경 파일 수: 156개
• 코드 변경량: 511줄 추가(+), 2726줄 삭제(-)
• 주요 목표: 불필요한 코드 제거(주석, 로그, 미사용 파일), 코드 가독성 향상, 프로젝트 구조 경량화

2. 주요 개선 사항 상세

2.1 불필요한 주석 및 로그 제거

코드의 가독성을 해치는 주석과 디버깅용 로그가 대거 삭제되었습니다.

• Console Log 제거: 개발 과정에서 사용된 console.log가 프로덕션 코드에 남지 않도록 전수 조사하여 삭제되었습니다. (예: API 호출 결과, 상세 데이터 로그 등)
• 중복/불필요 주석 제거:
  • 함수명이나 변수명으로 충분히 유추 가능한 설명 주석 삭제 (예: // API 함수, // 타입 정의 등).
  • 주석 처리된 레거시 코드(Dead Code) 삭제 (예: src/api/books/getSavedBooksInMy.ts 하단의 주석 처리된 사용 예시 코드).

2.2 미사용 파일 및 코드 삭제

사용되지 않는 컴포넌트, 모의 데이터(Mock), 에셋 파일들을 삭제하여 번들 사이즈를 줄이고 유지보수 혼란을 줄였습니다.

• 삭제된 컴포넌트:
  • src/components/feed/RecommendedFeedCard.tsx: 더 이상 사용되지 않는 추천 피드 카드 컴포넌트.
  • src/components/feed/RecommendedFeedSection.tsx: 추천 피드 섹션 전체 삭제.
  • src/components/group/CompletedGroupModal.tsx: 완료된 모임 알림 모달 삭제.
• 삭제된 데이터/에셋:
  • src/mocks/recommendedFeeds.mock.ts: 삭제된 컴포넌트 관련 모의 데이터.
  • src/assets/feed/lookmore-influencer.svg: 미사용 아이콘 삭제.

2.3 로직 개선 및 클린 코드

복잡하거나 장황했던 로직을 간결하게 다듬었습니다.

• TodayWords.tsx (오늘의 한마디):
  • 날짜 포맷팅 로직을 getTodayDateStrings 함수로 깔끔하게 분리.
  • 불필요한 console.log 및 주석 제거.
  • API 에러 처리 로직을 구체화하고 사용자 피드백(Snackbar) 강화.
• API 모듈 (src/api/**):
  • 각 API 파일마다 존재하던 불필요한 인터페이스 설명 주석 제거.
  • 일관성 있는 에러 처리 구조 유지.

2.4 폴더 및 구조 정비

• Mock 데이터 정리: mocks 폴더 내의 불필요한 파일 삭제로 테스트 및 데이터 구조 파악이 용이해졌습니다.
• 컴포넌트 구조 단순화: 기능이 삭제됨에 따라 연관된 스타일 파일이나 하위 컴포넌트들도 함께 정리되었습니다.
• 스타일 코드 분리: pages와 components에 있는 파일들에서 스타일 코드를 전부 분리해 일관성을 확보했습니다.

3. 결론

이번 1차 리팩토링은 불필요 코드 제거와 일관성 확보에 집중했습니다. 약 2,700줄에 달하는 불필요한 코드를 걷어냄으로써, 향후 기능 개발과 유지보수를 위한 밑 작업을 진행했습니다.