{"id":35240081,"url":"https://github.com/taskflow-clap/taskflow-fe","last_synced_at":"2026-04-02T01:30:35.151Z","repository":{"id":287496106,"uuid":"917958609","full_name":"TaskFlow-CLAP/TaskFlow-FE","owner":"TaskFlow-CLAP","description":"스마트한 업무 관리를 위한 업무 통합관리 솔루션, TaskFlow","archived":false,"fork":false,"pushed_at":"2026-03-04T07:14:42.000Z","size":3079,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"develop","last_synced_at":"2026-03-04T13:35:11.809Z","etag":null,"topics":["axios-vue","pinia","tanstack-query","typescript","vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TaskFlow-CLAP.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-17T00:58:38.000Z","updated_at":"2026-03-04T07:14:46.000Z","dependencies_parsed_at":"2025-04-12T04:44:11.339Z","dependency_job_id":null,"html_url":"https://github.com/TaskFlow-CLAP/TaskFlow-FE","commit_stats":null,"previous_names":["taskflow-clap/taskflow-fe"],"tags_count":16,"template":false,"template_full_name":null,"purl":"pkg:github/TaskFlow-CLAP/TaskFlow-FE","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaskFlow-CLAP%2FTaskFlow-FE","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaskFlow-CLAP%2FTaskFlow-FE/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaskFlow-CLAP%2FTaskFlow-FE/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaskFlow-CLAP%2FTaskFlow-FE/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TaskFlow-CLAP","download_url":"https://codeload.github.com/TaskFlow-CLAP/TaskFlow-FE/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaskFlow-CLAP%2FTaskFlow-FE/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31293912,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T01:05:07.454Z","status":"ssl_error","status_checked_at":"2026-04-02T00:56:46.496Z","response_time":53,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios-vue","pinia","tanstack-query","typescript","vuejs"],"created_at":"2025-12-30T04:55:31.640Z","updated_at":"2026-04-02T01:30:35.138Z","avatar_url":"https://github.com/TaskFlow-CLAP.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📖 사내 티켓관리 서비스 TaskFlow ReadME\n![TaskFlow 소개 배너](https://github.com/user-attachments/assets/bc6041ad-f75e-41f4-ba0a-bbd3d68ec2c7)\n\n**배포주소** : 현재는 서비스가 중단되었습니다. 다음에 만나요👋\n\n[\u003cimg src=\"https://img.shields.io/badge/프로젝트 기간-2025.01.06~2025.02.20-green?style=flat\u0026logo=\u0026logoColor=white\" /\u003e]()\n\n\u003cbr\u003e\n\n## 프로젝트 소개\n\n### 다음과 같은 요구사항을 반영했습니다\n- 효율적인 요청 처리 체계 구축\n- 사용자와 담당자를 위한  **가시성있는 화면 제공**\n- 티켓 추적을 위한 **알림 시스템**\n- 부서 운영 위한 **업무 및 담당자 분석 통계 기능**\n- 관리자의 카테고리 관리를 통한 **작업 관리**\n  \n\n\u003cbr\u003e\n\n## 팀원 구성\n### CLAP의 FE팀원들\n\u003cdiv\u003e\n\n| **Chloe** | **Tony** | **Moya** |\n| :------: |  :------: | :------: |\n| [\u003cimg src=\"https://github.com/user-attachments/assets/796fc29d-a594-4201-9204-a1357121c7f6\" height=160 width=140\u003e \u003cbr/\u003e @BaekJiyeon02](https://github.com/BaekJiyeon02) | [\u003cimg src=\"https://github.com/user-attachments/assets/780cc5ac-6af4-46e6-8c6a-65066e180437\" height=160 width=160\u003e \u003cbr/\u003e @seorang42](https://github.com/seorang42) | [\u003cimg src=\"https://github.com/user-attachments/assets/b1d2ff17-2e46-4c4b-a29f-2e4c18920f7c\" height=160 width=140\u003e \u003cbr/\u003e @Minkyu0424](https://github.com/Minkyu0424) | \n\n\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n## 1. 개발 환경\n\n\u003ctable\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth\u003e분류\u003c/th\u003e\n            \u003cth\u003e기술 스택\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n             \u003ctd\u003e\n                  \u003cp\u003eEnvironment\u003c/p\u003e\n                 \u003c/td\u003e\n                         \u003ctd\u003e\n                 \u003cimg src=\"https://img.shields.io/badge/Github-181717?style=for-the-badge\u0026logo=Github\u0026logoColor=ffffff\"\u003e\n                 \u003cimg src=\"https://img.shields.io/badge/Git-F05032?style=for-the-badge\u0026logo=git\u0026logoColor=ffffff\"\u003e\n                 \u003cimg src=\"https://img.shields.io/badge/VSCode-007ACC?style=for-the-badge\u0026logo=visual-studio-code\u0026logoColor=white\" /\u003e\n            \u003c/td\u003e\n            \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e\n                  \u003cp\u003eDevelopment\u003c/p\u003e\n            \u003c/td\u003e\n            \u003ctd\u003e\n                  \u003cimg src=\"https://img.shields.io/badge/vue.js-4FC08D?style=for-the-badge\u0026logo=vue.js\u0026logoColor=white\" \u003e\n                  \u003cimg src=\"https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge\u0026logo=TypeScript\u0026logoColor=white\" /\u003e \n                  \u003cimg src=\"https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=Vite\u0026logoColor=white\" /\u003e \n                  \u003cimg src=\"https://img.shields.io/badge/reactquery-FF4154?style=for-the-badge\u0026logo=ReactQuery\u0026logoColor=white\" /\u003e\n                  \u003cimg src=\"https://img.shields.io/badge/axios-5A29E4?style=for-the-badge\u0026logo=Axios\u0026logoColor=white\" /\u003e \n                \u003cimg src=\"https://img.shields.io/badge/chart.js-FF6384?style=for-the-badge\u0026logo=chartdotjs\u0026logoColor=white\" /\u003e \n                \u003cimg src=\"https://img.shields.io/badge/tailwindcss-06B6D4?style=for-the-badge\u0026logo=tailwindcss\u0026logoColor=white\" /\u003e \n            \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e\n                \u003cp\u003eCommunication\u003c/p\u003e\n            \u003c/td\u003e\n            \u003ctd\u003e\n                \u003cimg src=\"https://img.shields.io/badge/Notion-000000?style=for-the-badge\u0026logo=Notion\"\u003e\n                \u003cimg src=\"https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge\u0026logo=Figma\u0026logoColor=ffffff\"\u003e\n                \u003cimg src=\"https://img.shields.io/badge/Slack-4A154B?style=for-the-badge\u0026logo=Slack\u0026logoColor=ffffff\"\u003e\n                \u003cimg src=\"https://img.shields.io/badge/Jira-0052CC?style=for-the-badge\u0026logo=Jira\u0026logoColor=ffffff\"\u003e\n            \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\n\u003c/table\u003e\n\u003cbr\u003e\n\n## 2.개발 기술\n\n### Vue\n- Vue는 다른 프레임워크 대비 가볍고 빠르기에 초기 로딩시간이 빠르다는 장점이 있습니다.\n- 비교적 규모가 크지않고 SPA를 요하는 이번 프로젝트의 조건에 맞는 프레임워크라 생각이들어 채택했습니다.\n- 커뮤니티도 크고, 활성화 되었기에 개발 중 우리팀이 잘 모르거나 필요한 정보들에 대해 보다 쉬운 접근 가능하다 생각했습니다.\n    \n### pinia\n- 최상위 컴포넌트를 만들어 props로 유저 정보를 내려주는 방식의 경우 불필요한 props 전달이 발생합니다. 따라서, 필요한 컴포넌트 내부에서만 상태 값을 가져다 사용하기 위해 상태 관리 라이브러리를 사용하기로 했습니다.\n- Pinia를 채택한 이유\n    - Pinia는 Vue 3의 Composition API를 기반으로 설계되어 코드가 간결하고 이해하기 쉬우며 팀원들이 알고있던 zustand 방식과 유사해 학습비용을 낮출 수 있었습니다.\n    - Vuex라는 방법도 있었지만, vuex보다 더 단순한 구조로 이루어져있기에 pinia를 택했습니다.\n    - Pinia는 TypeScript와 잘 통합되기에 타입정의도 비교적 간단한 장점들이 있었습니다.\n    - Vue에서 제공하는 DevTools에서 기본지원되기에 상태 변화에 따른 시각적으로 확인이 가능하다는 점도 큰 장점으로 다가왔습니다.\n- 로그인과 최초 프로필 설정 시 유저 정보를 store에 저장해 관리하는 방식으로 사용합니다.\n- 작업 목록에 관한 필터링 시 필터링 params에 대한 요소들을 관리하는 방식으로 사용합니다.\n\n### eslint, prettier\n- 정해진 규칙에 따라 자동적으로 코드 스타일을 정리해 코드의 일관성을 유지하고자 했습니다.\n- 코드 품질 관리는 eslint에, 코드 포맷팅은 prettier에 일임해 사용했습니다.\n- 기본 컨벤션을 사용하며, 예외 규칙은 팀원들과 협의했습니다.\n- 협업 시 매번 컨벤션을 신경 쓸 필요 없이 빠르게 개발하는 데에 목적을 두었습니다.\n\n### tailwind\n- 사전 정의된 유틸리티 클래스들로 다양한 스타일을 빠르고 일관성있게 적용이 가능합니다.\n- css파일을 따로 작성없이 코드내에 작성해 빠른 스타일링 및 디자인 시스템을 일관되게 유지하도록 했습니다.\n- 커스텀 속성을 통해 지정된 스타일링 내에서 팀원들이 중복된 스타일 코드없이 사용하도록 했습니다.\n\n### typescript\n- 사전 정의된 유틸리티 클래스들로 다양한 스타일을 빠르고 일관성있게 적용이 가능합니다.\n- css파일을 따로 작성없이 코드내에 작성해 빠른 스타일링 및 디자인 시스템을 일관되게 유지하도록 했습니다.\n- 커스텀 속성을 통해 지정된 스타일링 내에서 팀원들이 중복된 스타일 코드없이 사용하도록 했습니다.\n\n### Vite\n- 번들링 후 서버를 띄우는 다른 번들링 도구와 다르게 **ES모듈 기반으로 동작해 빠른 로딩속도 제공**\n- **빠른 HMR**(Hot Module Replacement)을 지원함 개발의 편리함 향상\n  - Vite는 영향받는 모듈만 리로드해 성능이 유지됨\n- **최적화된 빌드 제공(Rollup)**\n   - 트리 쉐이킹, 코드 분한, 최적화 번들링이 자동 적용됨\n  \n## 3.브랜치 전략\n- Git-flow 전략을 기반으로 release, develop 브랜치와 feature 보조 브랜치를 운용했습니다.\n- release, develop, Feat 브랜치로 나누어 개발을 하였습니다.\n-  새로운 기능을 분류하는 **feature** 브랜치\n-  새로운 기능이 합쳐져 테스트와 QA가 이루어지는 **develop** 브랜치\n-  검증된 코드들이 합쳐지는 **release** 브랜치로 분류\n \n\u003cbr\u003e\n\u003cbr\u003e\n\n## 3. 프로젝트 구조\n\n```\nsrc/\n├── api/                     # axios Instance를 통한 API 관련 로직\n├── assets/                  # 정적 파일 (이미지, 폰트, 아이콘 등)\n│   ├── fonts/               # 폰트 파일\n│   └── icons/               # 아이콘 파일\n├── components/              # 컴포넌트 파일 폴더\n│   ├── api-logs/            # 관리자 API 로그 관련 컴포넌트\n│   ├── charts/              # 차트 컴포넌트\n│   ├── common/              # 공용 컴포넌트\n│   ├── filters/             # 검색창 필터 관련 컴포넌트\n│   ├── lists/               # 리스트 목록 관련 컴포넌트\n│   ├── login-logs/          # 관리자 로그인 로그 관련 컴포넌트\n│   ├── member-management/   # 관리자 멤버 관리 컴포넌트\n│   ├── my-request/          # 내 요청 관리 컴포넌트\n│   ├── my-task/             # 내 작업 관리 컴포넌트\n│   ├── request-approve/     # 요청 승인 관련 컴포넌트\n│   ├── request-history/     # 요청 히스토리 컴포넌트\n│   ├── request-task/        # 작업 요청 관련 컴포넌트\n│   ├── requested/           # 승인 대기중인 요청관련 컴포넌트\n│   ├── statistics/          # 통계 관련 컴포넌트\n│   ├── task-board/          # 작업 보드 컴포넌트\n│   ├── task-detail/         # 작업 상세 정보 컴포넌트\n│   ├── task-management/     # 관리자 작업 관리 컴포넌트\n│   ├── team-board/          # 팀 보드 컴포넌트\n│   ├── top-bar/             # 상단 바 컴포넌트\n│   └── user-manage/         # 관리자 회원 관리 컴포넌트\n├── constants/               # 상수 파일 정의\n├── hooks/                   # Vue 커스텀 훅\n├── layout/                  # Vue 페이지 레이아웃 컴포넌트\n├── router/                  # 라우팅 관련 설정\n├── stores/                  # Pinia 상태 관리\n├── types/                   # TypeScript 타입 정의\n├── utils/                   # 유틸리티 함수\n└── views/                   # 주요 페이지 컴포넌트\n```\n\n\u003cbr\u003e\n\n\n## 4. 역할 분담\n\n### Chloe(백지연)\n\n- **기능**\n    - **페이지** : 로그인, 비밀번호 재인증, 이메일 인증, 비밀번호 재설정, 내 정보수정\n    - **공통 컴포넌트** : 알림, 프로필 모달, 권한 별 사이드 바, 헤더\n\u003cbr\u003e\n\n### Tony(윤장호)\n\n- **기능**\n    - **페이지** : 내 요청, 승인 대기중인 요청, 전체 요청 기록, 내 작업, 작업보드, 팀 현황, 통계,  로그인 기록, 작업 기록 회원 관리\n\u003cbr\u003e\n\n### Moya(최민규)\n- **기능**\n    - **페이지** : 작업 요청, 요청 승인, 요청 수정, 요청 세부정보, 새 회원 추가, 회원 정보 수정, 작업 관리\n    - **공통 컴포넌트** : 아이콘\n\u003cbr\u003e\n\n## 5. 시작가이드\n\n### Requirements\n- Node.js v22.13.0\n- npm v10.9.2\n\n### Installation\n``` \n$ git clone https://github.com/TaskFlow-CLAP/TaskFlow-FE.git \n\n$ cd TaskFlow-FE\n$ npm install\n$ npm run dev\n// 로컬로 실행하는 경우 http://localhost:5173 포트번호로 실행\n\n// 프로젝트 최상단 폴더에 .env생성 후 다음을 기입\nVITE_API_BASE_URL=http://210.109.14.132:9090/\n```\n## 6. 페이지별 기능\n\n### [초기화면]\n- 서비스 초기 접속화면 및 인증 인가\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e로그인 화면\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e비밀번호 재설정 화면\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/9a1460ca-e4da-4711-a823-83920f5e0e8c\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/5c65b030-d34e-4801-a8ef-9788b5e97e7f\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e내 정보 수정\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"1084\" alt=\"image\" src=\"https://github.com/user-attachments/assets/edc67aa7-9551-4a66-b66f-90a456312b3a\" /\u003e\n\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003cbr\u003e\n\n### [사용자 화면]\n- 사용자 권한 화면\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e내 요청\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e작업 요청\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/b21dc462-abb3-44d7-9496-6bbe85af291d\" /\u003e\n\n\u003c/td\u003e\n    \u003ctd\u003e\n\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/c0e2edab-dd77-46a6-b324-c87416b035f5\" /\u003e\n\n\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e요청 상세 조회\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e요청 수정\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/3829ff9c-a76f-4a4a-b887-ed752c4b943e\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/0d54ea63-c96e-4cc7-908c-f8aa8c300f0e\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003cbr\u003e\n\n### [담당자 화면]\n- 담당자 권한 화면\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e내 작업 \u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e작업 보드\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/4bad2842-3d26-4fd3-817d-601a27159c75\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/5cd84eba-c8c8-433f-8b70-d19e964421c1\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e팀 작업 현황\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e통계\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/92e4678e-a519-48f9-adb3-9c41fe7f7c2f\" /\u003e\n\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/587352f6-26d5-48a2-a9d7-6e3b73bdeb6c\" /\u003e\n\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e전체 요청 기록\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e승인 대기 중인 요청\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/84293b2e-f259-4c0f-a02c-d5b63cbe23ad\" /\u003e\n\n\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/30a1cfd5-b633-4884-9106-206d6d5286e0\" /\u003e\n\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e요청 승인(승인 권한O)\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e요청 반려(승인 권한O)\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/d23a8bfa-0ad9-455c-9197-765276d6e206\" /\u003e\n\n\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/7b06ed0a-0b83-4276-970b-e2d1b5d19f3b\" /\u003e\n\n\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e요청 상세 조회(담당자)\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"1080\" alt=\"image\" src=\"https://github.com/user-attachments/assets/87c8d276-093a-4a47-82ab-100294d0d8e8\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### [관리자 화면]\n- 관리자 권한 화면\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e회원 관리\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e작업 보드\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/dcd197fe-b4b9-4920-b129-24fc781e1ccb\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/8931371d-db4c-4145-9195-5fe9c2136403\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e새 회원 추가\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e회원 정보 수정\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/f50da900-f9fb-4e20-a572-9930a39ac0ee\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/ce14b69c-d66d-46eb-bf14-fbb099c21f24\" /\u003e\n\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e1차 카테고리 추가\u003c/b\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cb\u003e2차 카테고리 추가\u003c/b\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/e7496d2f-6ce7-4774-bf62-bb14a7d57a86\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg width=\"620\" alt=\"image\" src=\"https://github.com/user-attachments/assets/ce14b69c-d66d-46eb-bf14-fbb099c21f24\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003cbr\u003e\n\n\n\n## 7. 트러블 슈팅\n\n- [FE - 트러블 슈팅](https://north-spade-8fa.notion.site/1a004df233a58082ba65c72e7fbf248d?pvs=74)\n\n\u003cbr\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaskflow-clap%2Ftaskflow-fe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaskflow-clap%2Ftaskflow-fe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaskflow-clap%2Ftaskflow-fe/lists"}