1.7 KiB
1.7 KiB
에이전트용 메뉴 추가 (기본 메뉴 생성)
- SideMenu에서 getMenus 결과가 빈 배열일 때 기본 메뉴로 대체한다.
- 기본 메뉴 항목:
{ title: '소속 크리에이터', route: '/agent/creators' }
- 기본 메뉴 항목:
- 라우터에
/agent/creators경로를 추가한다. (DefaultLayout 하위) - 페이지 컴포넌트를 생성한다. (
src/views/Agent/Creators.vue), 내용은 placeholder로 둔다.
배경/의도
- 에이전트용 메뉴가 아직 백엔드에 없어서 메뉴 조회 시 빈 배열이 내려올 가능성이 높다.
- 빈 배열일 때는 로그아웃 처리 대신 기본 단독 메뉴 ‘소속 크리에이터’를 제공해 접근할 수 있도록 한다.
구현 체크리스트
SideMenu.vue의getMenus()에서 성공(200/success)이고data.length === 0이면 기본 메뉴로 할당- 기존처럼 성공 + 데이터 존재 시에는 응답 데이터를 그대로 사용
- 라우터
index.js에/agent/creatorschildren route 추가 src/views/Agent/Creators.vue생성 및 라우터 연동
검증 기록
1차 구현
- 무엇을: 빈 메뉴 응답 시 기본 메뉴 노출 및 라우팅 동작 확인
- 왜: 에이전트용 메뉴가 없어도 최소 탐색 경로를 제공하기 위함
- 어떻게:
- 가정: API 응답이
{ success: true, data: [] } - 기대: 사이드 메뉴에 ‘소속 크리에이터’ 단일 항목 표시, 클릭 시
/agent/creators로 이동하여 placeholder 화면 노출 - 결과: 로컬에서 메뉴가 빈 배열일 때 사이드 메뉴에 ‘소속 크리에이터’가 표시되고 클릭 시
/agent/creators로 이동하여 placeholder 화면이 노출됨을 확인함(수동 확인)
- 가정: API 응답이