[#21] Feat/21/공통컴포넌트_워크스페이스카드

[minzx23]

❓이슈

• close Feat : [공통 컴포넌트] 워크스페이스카드 컴포넌트 작업 #21

📝 Description

• 너비 고정 X
• name, color, role 받아오게 설정
• 관리자일 경우 왕관 나오게 설정

테스트코드

<div className='flex flex-col gap-4'>
      {mockWorkspaces.data.map((workspace) => (
        <Link key={workspace.workspaceId} href={`/workspace/${workspace.workspaceId}`}>
          <WorkspaceCard
            key={workspace.workspaceId}
            name={workspace.workspaceName}
            color={workspace.color}
            role={workspace.role}
          />
        </Link>
      ))}
      {/* 사이즈 테스트용 */}
      <div className='w-[260px] md:w-[247px] lg:w-[332px]'>
        <WorkspaceCard name='remate' color='bg-chip-green' role='ADMIN' />
      </div>
    </div>

🌀 PR Type

어떤 변경 사항이 있나요?

• 새로운 기능 추가
• 버그 수정
• CSS 등 사용자 UI 디자인 변경
• 코드에 영향을 주지 않는 변경사항 (오타 수정, 탭 사이즈 변경, 변수명 변경)
• 코드 리팩토링
• 주석 추가 및 수정
• 문서 수정
• 테스트 추가, 테스트 리팩토링
• 빌드 부분 혹은 패키지 매니저 수정
• 파일 혹은 폴더명 수정
• 파일 혹은 폴더 삭제

✅ Checklist

PR Checklist

PR이 다음 요구 사항을 충족하는지 확인하세요.

• Branch Convention 확인

  feat/ 기능 구현, fix/ 버그 수정, refactor/ 개선

• Base Branch 확인
• 커밋 메시지 컨벤션 준수
• 적절한 Label 지정
• Assignee 및 Reviewer 지정

Test Checklist

• 로컬 작동 확인

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
remate	Ready	Preview, Comment	Apr 6, 2026 4:31am

[LMS10]

수고하셨습니다~