# Pickable List 사용자 가이드

## 개요

Pickable List(Activity Shopping) 페이지는 사용자가 참여할 수 있는 활동(Activity) 인스턴스들을 쇼핑하듯 살펴보고 선택할 수 있는 화면입니다. 이 페이지에서는 사용자가 관심 있는 활동을 탐색하고 자세히 살펴본 후, 참여 여부를 결정할 수 있습니다.

## 화면 구성

Activity Shopping

1. **상단 필터 영역**: 다양한 조건으로 활동을 필터링할 수 있는 버튼들이 제공됩니다.
2. **활동 목록 영역**: 참여 가능한 활동 인스턴스 목록을 표시합니다.
3. **작업 도구 영역**: 선택한 활동에 대한 작업을 수행할 수 있는 버튼들이 위치합니다.

## 주요 기능

### 참여 가능 활동 목록 조회

사용자가 참여할 수 있는 모든 활동 인스턴스가 목록에 표시됩니다. 목록은 다음과 같은 정보를 포함합니다:

- **이름**: 활동 인스턴스의 이름
- **설명**: 활동 인스턴스에 대한 설명
- **생성자**: 활동을 생성한 사용자
- **마감 시간**: 활동이 완료되어야 하는 시간
- **업데이트 시간**: 활동이 마지막으로 업데이트된 시간
- **생성 시간**: 활동이 생성된 시간

### 필터링 기능

상단의 필터 버튼을 사용하여 활동 목록을 다양한 조건으로 필터링할 수 있습니다:

1. **중요 활동**: 우선순위가 높은(2점 이상) 활동만 표시합니다.
2. **마감 임박 활동**: 24시간 이내에 마감 시간이 도래하는 활동만 표시합니다.

### 보기 모드

화면은 다음 세 가지 보기 모드를 지원합니다:

- **GRID**: 표 형태로 모든 정보를 상세하게 표시합니다(데스크톱 기본 모드).
- **CARD**: 카드 형태로 활동을 표시합니다(모바일 기본 모드).
- **LIST**: 간소화된 목록 형태로 표시합니다.

### 활동 미리보기

목록에서 활동을 클릭하거나 보기 버튼을 클릭하면 해당 활동의 미리보기 팝업이 표시됩니다. 이 팝업에서는 다음과 같은 정보를 확인할 수 있습니다:

1. 활동의 상세 정보(이름, 설명, 우선순위, 마감일 등)
2. 활동의 작업 내용 및 형태
3. 활동 참여 방법 및 요구사항
4. 활동 참여 버튼

활동 미리보기를 통해 사용자는 실제로 활동에 참여하기 전에 해당 활동의 내용과 요구사항을 확인할 수 있습니다.

## 추가 기능

### 데이터 정렬

각 열의 헤더를 클릭하여 해당 열을 기준으로 오름차순 또는 내림차순으로 정렬할 수 있습니다. 기본적으로 목록은 '이름'을 기준으로 오름차순 정렬됩니다.

### 검색 기능

상단 검색창을 사용하여 활동 이름이나 설명 등의 텍스트를 검색할 수 있습니다.

### 활동 참여 프로세스

Pickable List는 다음과 같은 활동 참여 프로세스를 지원합니다:

1. **활동 탐색**: 사용자는 참여 가능한 다양한 활동들을 살펴봅니다.
2. **활동 미리보기**: 관심 있는 활동을 클릭하여 상세 내용을 확인합니다.
3. **활동 참여 결정**: 미리보기를 통해 확인한 정보를 바탕으로 참여 여부를 결정합니다.
4. **활동 시작**: 참여를 결정한 경우, 해당 활동을 시작하고 작업을 진행합니다.

### 자발적 참여 모델

Pickable List는 사용자의 자발적인 참여를 유도하는 모델을 제공합니다. 사용자는 자신의 관심, 전문성, 가용 시간 등을 고려하여 원하는 활동을 선택할 수 있으며, 이는 작업의 효율성과 만족도를 높이는 데 도움이 됩니다.
