Skip to content

feat:랜딩 템플릿 미리보기 및 대시보드 진입 개선(#66) - #66

Merged
seongjinss555 merged 2 commits into
developfrom
feat/#66/landing-template-preview
Jul 16, 2026
Merged

feat:랜딩 템플릿 미리보기 및 대시보드 진입 개선(#66)#66
seongjinss555 merged 2 commits into
developfrom
feat/#66/landing-template-preview

Conversation

@seongjinss555

@seongjinss555 seongjinss555 commented Jul 15, 2026

Copy link
Copy Markdown
Contributor

Pull Request

작업 내용

  • 랜딩 페이지의 템플릿 선택 영역에 팀 프로젝트·사이드 프로젝트·매장 운영 대시보드 미리보기를 적용했습니다.
  • 팀 프로젝트 워크스페이스의 첫 진입 경로를 프로젝트 관리에서 대시보드로 변경했습니다.

작업 결과

  • 템플릿 카드를 선택하면 설명·태그와 함께 해당 목적의 실제 대시보드 이미지가 오른쪽 패널에서 전환됩니다.
  • 모든 워크스페이스 목적은 기본 진입 시 대시보드를 표시합니다.

변경 사항

Added

  • 랜딩 템플릿별 대시보드 이미지 3종
  • 템플릿 설정의 미리보기 이미지 경로

Changed

  • 템플릿 플레이스홀더를 전체 화면 비율을 유지하는 실제 이미지 미리보기로 교체
  • 팀 프로젝트 워크스페이스 기본 리다이렉트 경로를 대시보드로 변경

Fixed

  • 팀 프로젝트 진입 시 프로젝트 관리 화면으로 이동하던 기본 동선 개선

실행화면

  • 랜딩 페이지
스크린샷 2026-07-15 오후 6 06 09 스크린샷 2026-07-15 오후 6 06 22 스크린샷 2026-07-15 오후 6 06 29

테스트

  • npm run typecheck
  • npm run lint
  • git diff --check
  • npm run build (기존 .next/lock 점유로 실행 불가)

리뷰 체크리스트

  • PR base branch가 올바릅니다. (feature/* -> develop, 배포 시 develop 또는 release/* -> main)
  • 브랜치명이 Type/#issue-number/description 형식을 따릅니다.
  • 커밋 메시지가 컨벤션을 따릅니다.
  • 불필요한 console.log, 주석, 임시 코드를 제거했습니다.
  • 타입 에러와 린트 에러를 확인했습니다.
  • CodeRabbit 1차 리뷰를 확인했습니다.
  • CodeRabbit 리뷰 반영 후 Discord에 공유했습니다.
  • 최소 1명 이상의 approve 후 merge합니다.

리뷰 요청사항

  • 각 템플릿 미리보기 이미지의 축소 비율과 모바일 레이아웃 전환을 확인 부탁드립니다.

관련 이슈

Closes #66

Summary by CodeRabbit

  • 새 기능

    • 템플릿 선택 화면에서 팀 프로젝트, 사이드 프로젝트, 스토어 템플릿별 미리보기 이미지를 동적으로 표시합니다.
    • 선택한 템플릿에 따라 미리보기 이미지가 즉시 변경되며, 다양한 화면 크기에 맞게 표시됩니다.
  • 버그 수정

    • 사이드 프로젝트 워크스페이스 접속 시 프로젝트 관리 화면 대신 대시보드로 이동하도록 수정했습니다.

@coderabbitai

coderabbitai Bot commented Jul 15, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: bf8c8c8f-ce61-4fe2-ac1a-c416772a1d1b

📥 Commits

Reviewing files that changed from the base of the PR and between 15f9c4d and 621ee8e.

⛔ Files ignored due to path filters (3)
  • public/images/landing/side_dashboard.png is excluded by !**/*.png, !public/**
  • public/images/landing/store_dashboard.png is excluded by !**/*.png, !public/**
  • public/images/landing/team_dashboard.png is excluded by !**/*.png, !public/**
📒 Files selected for processing (1)
  • src/widgets/landing/landing-templates/config/templates.ts

📝 Walkthrough

Walkthrough

랜딩 템플릿별 대시보드 이미지를 선택에 따라 표시하도록 변경하고, 사이드 프로젝트 워크스페이스의 기본 진입 경로를 대시보드로 수정했습니다.

Changes

템플릿 미리보기 및 워크스페이스 진입

Layer / File(s) Summary
동적 템플릿 미리보기
src/widgets/landing/landing-templates/config/templates.ts, src/widgets/landing/landing-templates/ui/TemplatesSection.tsx
TemplateItem과 템플릿 항목에 미리보기 이미지 경로를 추가하고, 선택된 템플릿에 따라 next/image 이미지를 렌더링합니다.
사이드 프로젝트 대시보드 진입
src/app/workspaces/[workspaceId]/page.tsx
사이드 프로젝트의 리다이렉트 대상을 프로젝트 관리에서 대시보드로 변경합니다.

Estimated code review effort: 2 (Simple) | ~10 minutes

Sequence Diagram(s)

sequenceDiagram
  participant 사용자
  participant TemplatesSection
  participant Image
  사용자->>TemplatesSection: 템플릿 선택
  TemplatesSection->>TemplatesSection: 미리보기 경로 조회
  TemplatesSection->>Image: 선택된 이미지 표시
Loading

Possibly related PRs

  • TeampleRun/syncly#3: 랜딩 템플릿 설정과 TemplatesSection UI의 초기 구현을 추가했습니다.
  • TeampleRun/syncly#17: WorkspaceHomePage의 워크스페이스 리다이렉트 로직을 수정했습니다.
  • TeampleRun/syncly#50: 사이드 프로젝트의 대시보드 라우팅 분기를 수정했습니다.

Suggested reviewers: wjswlgh96, kwon812

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Linked Issues check ⚠️ Warning 미리보기 변경은 보이지만, 요약상 워크스페이스 리다이렉트는 side-project만 보여 팀 프로젝트 및 전체 목적 적용을 확인할 수 없습니다. team project 워크스페이스의 기본 진입 경로를 dashboard로 수정하고, 모든 목적이 기본 진입 시 dashboard를 표시하는지 반영해 주세요.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed 랜딩 템플릿 미리보기와 대시보드 진입 개선을 직접 요약해 주요 변경과 일치합니다.
Description check ✅ Passed 필수 섹션이 모두 포함되어 있고 작업 내용, 결과, 변경 사항, 테스트, 관련 이슈가 충분히 작성되었습니다.
Out of Scope Changes check ✅ Passed 요약된 변경은 랜딩 미리보기와 워크스페이스 진입 경로 수정에 한정되어 있어 명확한 범위 외 변경은 보이지 않습니다.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/#66/landing-template-preview

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
src/app/workspaces/[workspaceId]/page.tsx (1)

18-25: 📐 Maintainability & Code Quality | 🟠 Major | ⚡ Quick win

불필요한 리다이렉트 분기 조건을 제거해주세요.

팀 프로젝트를 포함해 모든 워크스페이스 목적의 기본 진입 경로가 대시보드로 통일되었습니다. 결과적으로 목적(purpose)을 검사해 개별적으로 /dashboard로 보내던 기존 조건문들은 데드 코드가 되었으므로 제거하는 것이 깔끔합니다.

♻️ 제안하는 수정안
-  if (workspace.purpose === 'store-operation') {
-    redirect(`/workspaces/${workspaceId}/dashboard`);
-  }
-  if (workspace.purpose === 'side-project') {
-    redirect(`/workspaces/${workspaceId}/dashboard`);
-  }
-
   redirect(`/workspaces/${workspaceId}/dashboard`);
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/app/workspaces/`[workspaceId]/page.tsx around lines 18 - 25, Remove the
redundant purpose checks for “store-operation” and “side-project” from the
workspace page redirect logic. Keep the single unconditional redirect to the
workspace dashboard, preserving the existing
`/workspaces/${workspaceId}/dashboard` destination for every workspace.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/widgets/landing/landing-templates/config/templates.ts`:
- Line 34: Update the previewImage values in the landing templates, including
the entries at the referenced locations, to use lowercase English filenames with
hyphens only. Rename the corresponding files under public/images/landing/ to
match the new paths and preserve each template’s intended image.

---

Outside diff comments:
In `@src/app/workspaces/`[workspaceId]/page.tsx:
- Around line 18-25: Remove the redundant purpose checks for “store-operation”
and “side-project” from the workspace page redirect logic. Keep the single
unconditional redirect to the workspace dashboard, preserving the existing
`/workspaces/${workspaceId}/dashboard` destination for every workspace.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 93d06a0e-7945-4f5f-bf57-d2f3e30cc5a2

📥 Commits

Reviewing files that changed from the base of the PR and between aa580e1 and 15f9c4d.

⛔ Files ignored due to path filters (3)
  • public/images/landing/매장 대시보드.png is excluded by !**/*.png, !public/**
  • public/images/landing/사이드 프로젝트 대시보드.png is excluded by !**/*.png, !public/**
  • public/images/landing/팀플 - 대시보드.png is excluded by !**/*.png, !public/**
📒 Files selected for processing (3)
  • src/app/workspaces/[workspaceId]/page.tsx
  • src/widgets/landing/landing-templates/config/templates.ts
  • src/widgets/landing/landing-templates/ui/TemplatesSection.tsx

tagBg: '#ede9fe',
tagText: '#7008e7',
tags: ['업무 분담 보드', '회의록', '자료실', '캘린더', '그룹 채팅'],
previewImage: '/images/landing/팀플 - 대시보드.png',

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📐 Maintainability & Code Quality | 🔵 Trivial | 💤 Low value

정적 파일명에 영문 소문자와 하이픈(-)을 사용해주세요.

이미지 파일명에 공백이나 한글이 포함되어 있으면 일부 브라우저, CDN, 또는 배포 환경(Vercel 등)에서 인코딩 문제로 인해 404 에러나 렌더링 실패가 발생할 수 있습니다. 안정적인 서비스 운영을 위해 영문 소문자와 하이픈으로만 구성된 파일명(예: team-dashboard.png, side-project-dashboard.png)으로 변경하는 것을 권장합니다.
(실제 프로젝트 내 public/images/landing/ 경로의 파일 이름도 함께 변경해야 합니다.)

Also applies to: 49-49, 64-64

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/widgets/landing/landing-templates/config/templates.ts` at line 34, Update
the previewImage values in the landing templates, including the entries at the
referenced locations, to use lowercase English filenames with hyphens only.
Rename the corresponding files under public/images/landing/ to match the new
paths and preserve each template’s intended image.

@JiWoongE
JiWoongE self-requested a review July 16, 2026 03:19

@JiWoongE JiWoongE left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다~

@seongjinss555
seongjinss555 merged commit 8fea8bf into develop Jul 16, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants