개발 slecs

관리자 대시보드 정리

목차

오늘 밤 10시대에 짧게 admin 쪽을 손봤다. 크게 두 가지 맥락이 겹쳐 있었는데, 하나는 "지금 당장 쓰지 않는 메뉴를 사이드바에서 치워두는 것"이고, 다른 하나는 "통계 페이지가 데이터 없을 때 그냥 빈 화면으로 뜨는 버그 수정"이었다. 별개처럼 보이지만 실제로 같은 흐름에서 나온 작업이다 — admin 대시보드를 실제로 열어보면서 "이건 왜 여기 있지?", "이건 왜 아무것도 안 뜨지?"를 연달아 마주친 것.

사이드바 정리: 숨길 건 숨기자

SidebarContent.tsx를 두 번 건드렸다. 한 번은 외부연동(integrations) 메뉴, 한 번은 미디어 메뉴.

외부연동 쪽은 이유가 명확했다. admin_bridge_token이 0이고 현재 아무것도 연결된 게 없는 상태 — 메뉴를 눌러도 의미 있는 화면이 나올 리 없다. 아직 쓰지 않는 기능을 사이드바에 버젓이 올려두면 내부 사용자한테도 혼란이다. 그냥 숨겼다.

미디어 메뉴도 비슷한 맥락에서 같이 쳐냈다. 통계 페이지 수정하면서 "사이드바에 있는 항목 중 현재 운영 상태에서 실제로 쓰이는 게 뭔가"를 다시 훑었고, 미디어도 지금 시점엔 노출할 필요가 없다고 판단했다.

메뉴 이전 변경 후 이유
외부연동(integrations) 노출 숨김 bridge_token 미설정·미사용
미디어 노출 숨김 현시점 미운영

사이드바는 "있는 기능 다 보여주는 곳"이 아니라 "지금 쓸 수 있는 기능만 보여주는 곳"이어야 한다. 미사용 항목이 남아 있으면 나중에 "이거 동작해요?"라는 질문이 꼭 나온다.

통계 페이지 빈 화면 폴백

site-pv/page.tsxtools-stats/page.tsx 두 군데였다. 증상은 같다 — 특정 조건에서 데이터가 없으면 그냥 아무것도 안 뜬다. 에러도 아니고 로딩도 아니고, 그냥 빈 화면.

수정 방향은 최신 데이터 폴백이다. 데이터가 없는 구간을 조회했을 때, 있는 데이터 중 가장 최근 것으로 대체해서 보여주는 방식. 완전히 빈 화면보다 "이게 가장 최근 데이터입니다"를 보여주는 게 운영 관점에서 훨씬 낫다.

// 개념적 흐름 (실제 코드 마스킹)
데이터 조회 결과가 비어 있으면
   최신 레코드 별도 조회
   있으면 그걸로 렌더링
   없으면  상태 UI 명시적으로 표시

중요한 건 "빈 화면"과 "데이터 없음 상태 명시"는 다르다는 거다. 전자는 버그처럼 보이고, 후자는 의도된 상태처럼 보인다. 이 두 개를 구분해놓는 것만으로도 운영 중 혼선이 줄어든다.

작업 순서가 자연스러웠던 이유

통계 페이지 열다가 빈 화면 보고 고치고, 고치면서 사이드바 훑고, 사이드바 훑다가 안 쓰는 메뉴 발견하고 치우는 — 이 흐름이 커밋 두 개로 정리됐다. 미리 계획한 작업이 아니라 실제로 화면을 열어보면서 눈에 띄는 것들을 순서대로 처리한 것.

짧은 시간이었지만, admin 대시보드가 실제 운영 상태를 더 정확하게 반영하게 됐다는 점에서 만족스럽다. 안 쓰는 건 숨기고, 빈 화면은 없애고 — 작은 정리지만 내부 도구일수록 이런 디테일이 쌓여야 쓸 만해진다.


🛒 이 글과 어울리는 추천 상품

*위 링크는 쿠팡파트너스 활동의 일환이며, 일정액의 수수료를 제공받을 수 있습니다.

댓글 0

첫 댓글 달아줘.