수정 내역 추적, 그리고 UI를 다듬는 목요일

오늘은 바톤 매뉴얼 프로젝트에서 꽤 많은 일이 있었습니다. 코드 라인만 봐도 +23k/-11k니까요. 물론 이 숫자가 전부를 말해주진 않지만, 오늘 하루 팀이 어디에 집중했는지는 확실히 보여줍니다.

수정 내역을 기록한다는 것

가장 눈에 띄는 작업은 카테고리와 게시물의 수정 내역 추적 기능이었습니다. 사실 "누가 언제 뭘 바꿨는지" 기록하는 건 당연해 보이지만, 막상 구현하려면 고민이 많아요. 단순히 로그만 쌓으면 되는 게 아니라, 그걸 어떻게 보여줄 것인가가 더 중요하거든요.

지혜님이 작업한 HistoryModal을 보면 이 고민이 보입니다. 처음엔 단순히 수정 내역을 리스트로 보여주다가, 데이터를 그룹화하고 HistoryItem 컴포넌트를 분리하면서 훨씬 읽기 좋은 구조로 개선됐어요. 순서 변경 같은 미묘한 변화까지 UI로 어떻게 표현할지 고민한 흔적이 보이더라고요.

// before_content 필드를 포함한 타입 정의로 일관성 확보
type HistoryContent = {
  before_content?: string;
  // ...
}

그리고 모달이 열릴 때만 데이터를 가져오도록 로직을 수정한 것도 좋았습니다. 사용자 ID 기준에서 모달 open 상태 기준으로 바꾸면서 불필요한 요청을 줄였죠.

프로젝트 구조를 다시 생각하기

상희님은 프로젝트 목록과 상세 페이지를 대폭 손봤습니다. 카테고리 트리를 sidebar 컴포넌트로 분리하고, API도 mn/ 하위로 정리했어요. 코드 변경량이 +662/-335인 걸 보면 단순한 리팩토링이 아니라 구조를 다시 설계한 수준입니다.

특히 경로 세그먼트 방식을 적용한 부분이 인상적이었어요. URL 구조가 깔끔해지면서 라우팅도 명확해졌거든요. 그리고 어드민 사이드바를 컴포넌트로 만들면서 +9269/-5109라는 무시무시한 diff가 나왔는데 (웃음), 이건 아마 의존성이나 구조 변경이 연쇄적으로 일어났을 겁니다.

게시물 작성 시 이미지 업로드 기능도 추가됐습니다. Supabase 스토리지를 연결했다는 건, 이제 매뉴얼 작성자들이 이미지를 자유롭게 올릴 수 있다는 얘기죠.

쇼핑몰 H 관리시스템의 작은 개선

한편 쇼핑몰 H 관리시스템에서는 홈 배너 관리 기능이 조금 더 편해졌습니다. 전체 목록에 섹션 타이틀과 검색 필드를 추가했는데, 500ms debounce를 적용한 게 눈에 띄네요. 사용자가 타이핑하는 동안 불필요한 API 호출을 막겠다는 거죠. 이런 디테일이 UX를 만듭니다.

그리고 home_order_index 정렬 오류를 고친 것도 있었어요. 정렬 버그는 작아 보여도 사용자 입장에선 "왜 순서가 이상하지?"라는 혼란을 주거든요.

오늘은 겉으로 보기엔 화려하지 않지만, 실제로 쓰는 사람 입장에선 "이제 좀 되네"라고 느낄 만한 개선들이 많았습니다. 수정 내역을 추적하고, UI를 다듬고, 검색에 debounce를 넣고. 이런 게 쌓여서 결국 좋은 제품이 되는 거니까요.

상세 커밋 내역

코드 업데이트

바톤 매뉴얼 프로젝트 · Chu Jihye · +902 / -234

코드 업데이트

바톤 매뉴얼 프로젝트 · chujihye · +902 / -234

기능 추가

바톤 매뉴얼 프로젝트 · sangheedev · +9269 / -5109

기능 추가

바톤 매뉴얼 프로젝트 · sangheedev · +48 / -16

버그 수정

바톤 매뉴얼 프로젝트 · sangheedev · +88 / -165

기능 추가

바톤 매뉴얼 프로젝트 · sangheedev · +223 / -3

코드 개선

바톤 매뉴얼 프로젝트 · chujihye · +145 / -43

버그 수정

바톤 매뉴얼 프로젝트 · chujihye · +3 / -3

버그 수정

바톤 매뉴얼 프로젝트 · chujihye · +2 / -2

코드 업데이트

바톤 매뉴얼 프로젝트 · Chu Jihye · +150 / -48

코드 업데이트

바톤 매뉴얼 프로젝트 · chujihye · +150 / -48

스타일 수정

바톤 매뉴얼 프로젝트 · sangheedev · +662 / -335

스타일 수정

바톤 매뉴얼 프로젝트 · sangheedev · +21 / -1

기능 추가

바톤 매뉴얼 프로젝트 · chujihye · +152 / -1

기능 추가

쇼핑몰 H 관리시스템 · coolwithyou · +88 / -14

기능 추가

바톤 매뉴얼 프로젝트 · sangheedev · +196 / -22

코드 업데이트

바톤 매뉴얼 프로젝트 · sangheedev · +149 / -47

스타일 수정

바톤 매뉴얼 프로젝트 · sangheedev · +1 / -1

코드 업데이트

바톤 매뉴얼 프로젝트 · Lee Sanghee · +10376 / -5520

수정 내역을 기록한다는 것

// before_content 필드를 포함한 타입 정의로 일관성 확보
type HistoryContent = {
  before_content?: string;
  // ...
}

프로젝트 구조를 다시 생각하기

쇼핑몰 H 관리시스템의 작은 개선

그리고 home_order_index 정렬 오류를 고친 것도 있었어요. 정렬 버그는 작아 보여도 사용자 입장에선 "왜 순서가 이상하지?"라는 혼란을 주거든요.

수정 내역 추적, 그리고 UI를 다듬는 목요일

수정 내역을 기록한다는 것

프로젝트 구조를 다시 생각하기

쇼핑몰 H 관리시스템의 작은 개선

글 작성자

한송욱

커밋 참여자

작업한 프로젝트

상세 커밋 내역

수정 내역을 기록한다는 것

프로젝트 구조를 다시 생각하기

쇼핑몰 H 관리시스템의 작은 개선