Skip to content

페이지 및 라우트

앱의 주요 라우트와 페이지 구성을 정리합니다. (apps/web-ui/src/router/index.ts 기준)

사용자(공개) 라우트

경로이름페이지설명
/homeHomePage.vue홈 (기능 카드 목록, 로그인/회원가입 모달, 배너, 공지 팝업)
/setupsetupSetupPage.vue설치 마법사 (미설치 시 자동 진입)
/my-infomy-infoMyInfoPage.vue마이페이지 (로그인 필요)
/privacyprivacyPrivacyPage.vue개인정보처리방침
/changelogchangelogChangelogPage.vue변경 내역
/helphelpHelpPage.vue도움말
/noticenoticeNoticePage.vue공지사항 목록
/notice/:idnotice-detailNoticePage.vue공지사항 상세
/reportreportReportPage.vue오류 제보
/inquiryinquiryInquiryPage.vue1:1 문의
/maintenancemaintenanceMaintenancePage.vue점검 안내 (점검 모드 시 리다이렉트)

기능(Feature) 라우트

기능 빌더에서 활성화된 카테고리에 한해 접근 가능. 비활성/미정의 시 404로 리다이렉트됩니다.

경로이름페이지설명
/feature/chatbotfeature-chatbotChatPage.vue챗봇 — LLM/에이전트 대화 (로그인 필요)
/feature/communitycommunityCommunityPage.vue커뮤니티 (/community → 리다이렉트)
/feature/tasksfeature-tasksTasksPage.vue태스크 관리 — 보드/칸반, 백엔드 연동 (로그인 필요)
/feature/githubfeature-githubGitHubPage.vue저장소 — GitHub/Gitea 연동 (로그인 필요)
/feature/docsfeature-docsDocsPage.vue문서 — Tiptap + Yjs 공동편집 (로그인 필요)
/feature/:idfeatureDynamicFeaturePage.vue빌더 기반 동적 기능 페이지 (로그인 필요)
/preview/feature/:idfeature-previewFeaturePreviewPage.vue기능 미리보기 (빌더에서 링크)

관리자 라우트 (/admin)

관리자 레이아웃(AdminLayout) 하위에 있으며, 로그인 + 관리자 권한이 필요합니다. 역할(super_admin / operator)에 따라 접근 가능 메뉴가 제한됩니다.

경로설명
/admin/dashboard대시보드
/admin/users사용자 관리
/admin/agents에이전트 관리 (실시간 SSE 모니터링)
/admin/resources시스템 리소스
/admin/logs접속 로그
/admin/notices공지사항 관리
/admin/changelog변경 내역 관리
/admin/support제보·문의 관리
/admin/banners배너/팝업 관리
/admin/feature-builder기능 빌더 — 캔버스로 기능 페이지 편집
/admin/aiAI 운영 (모델/MCP/RAG/에이전트 정의)
/admin/settings설정 (점검 모드 등)
/admin/security보안
/admin/roles역할/권한
/admin/audit감사 로그
/admin/system-log시스템 로그
/admin/backup백업/복원
/admin/i18n다국어 관리

기타

  • /:pathMatch(.*)* → 404 (NotFoundPage.vue)

라우트 가드

라우터 진입 시 다음 순서로 검증합니다.

  1. 셋업 확인setup.checkStatus()로 설치 완료 여부 확인. 미완료면 /setup으로 강제 이동.
  2. 인증 준비 대기auth.authReady 완료까지 대기 (F5 새로고침 race condition 방지).
  3. requiresAuth — 미로그인 시 세션 복원 시도 후, 실패하면 /?openLogin=1로 리다이렉트.
  4. requiresAdminauth.user.isAdmin 확인, 비관리자 시 /로 리다이렉트.
  5. 점검 모드settings.maintenanceMode === true인 경우 비관리자는 /maintenance로만 접근 가능.
  6. 기능 활성화 확인featureBuilder.getCategoryById(id)로 비활성/미정의 시 404 리다이렉트.
  7. 역할별 관리자 메뉴 제한roles.canAccess(routeName, role) 검증, 실패 시 /admin/dashboard로 리다이렉트.