---
# System prepended metadata

title: 팀 협업 툴 - Black

---



## 요구사항 분석

| 주차 | FE                                                    | BE                                                           |
| ---- | ----------------------------------------------------- | ------------------------------------------------------------ |
| 1    | 기본 설정 (서버, ...) 전체적인 디자인 2주차 구현 시작 | 기본 설정 (서버, swagger, ...) 인증, 권한 API 명세 2주차 구현 시작 |
| 2    | 채팅, 채널목록, 노티                                  | 채널, DM, 채팅, 노티                                         |
| 3    | Thread, 리액션                                        | Thread, 리액션                                               |
| 4    | 파일/이미지 업로드                                    | 파일/이미지 업로드                                           |
| 5    | 테스트 및 리팩토링                                    | 테스트 및 리팩토링                                           |


### 필수 구현
- 인증, 권한
- 메시지, thread
    - 개별 CRUD 포함
    - markdown 처리
    - 리액션
- 채널(public/private), DM 구분
- 파일, 이미지 업로드 (미리보기)
- 브라우저 노티

### 선택 구현
- 멘션
- 채널 검색 및 참여/초대
- 동영상 업로드
- 채널 그룹핑
- 메시지 검색
- 링크 미리보기 포함 (meta 태그 미리보기)

### 개발
- 필수
    - DNS 등록
- 선택
    - 개발 / 운영 환경 나누기
    - 도커 컨테이너 활용
    - 무중단 배포 구현 (blue/green)


### pages
- 로그인 / 회원가입 / 아이디 찾기 / 비밀번호 찾기
- 채널/DM 채팅방
- 채널 리스트 검색
- Threads
- Reaction
- 공사장 페이지

### etc
- 최근 사용 채널에 대한 업로드 필요











# 팀 협업 툴 - Black
![black](https://user-images.githubusercontent.com/33643752/99354886-990a9d00-28ea-11eb-9f75-784658906994.png)

<p align="middle">
<!-- tag -->
  <a href="https://github.com/boostcamp-2020/Project12-B-Slack-Web/releases" target="_blank">
    <img src="https://img.shields.io/github/v/release/boostcamp-2020/Project12-B-Slack-Web">
  </a>
<!-- doc -->
  <a href="https://github.com/boostcamp-2020/Project12-B-Slack-Web/wiki" target="_blank">
    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" />
  </a>
<!-- issue -->
  <a href="https://github.com/boostcamp-2020/Project12-B-Slack-Web/issues">
    <img alt="issue tracking" src="https://img.shields.io/github/issues/boostcamp-2020/Project12-B-Slack-Web"/>
  </a>
<!-- pr -->
  <a href="https://github.com/boostcamp-2020/Project12-B-Slack-Web/pulls">
    <img alt="pr tracking" src="https://img.shields.io/github/issues-pr/boostcamp-2020/Project12-B-Slack-Web"/>
  </a>
</p>
<p align="middle">
<!-- tag -->
  <img src='https://img.shields.io/static/v1?label=Node&message=12.18.3&color=success'/>
  <img src='https://img.shields.io/static/v1?label=React&message=17.0.1&color=blue'/>
  <img src='https://img.shields.io/static/v1?label=Express&message=4.17.1&color=yellow'/>
  <img src='https://img.shields.io/static/v1?label=MySQL&message=5.7.0&color=lightgrey'/>
  <img src='https://img.shields.io/static/v1?label=Jest&message=26.6.1&color=important'/>
</p>

|                            강동훈                            |                            김도호                            |                            탁성건                            |
| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
| <img src="https://avatars0.githubusercontent.com/u/37091190?s=400&u=d358f361db0c43c0fccdcbd31de5ded89efe0169&v=4" width=100%> | <img src="https://avatars2.githubusercontent.com/u/33643752?s=460&u=a9a75e7c6922a23eb365b258a60499bbb9a9c655&v=4" width=100%> | <img src="https://avatars2.githubusercontent.com/u/59037261?s=460&u=7b7a0a2f151c1f49c5bc8068d4d6a5bf50c94c7b&v=4" width=100%> |
|           아.. 폰 보느라<br />코딩 못했다.. :joy:            |  나는 개발자인<br />티를 내기 위해<br />노력했다 :computer:  |  나는 내 위가 없기 때문에<br />밑만 바라본다 :see_no_evil:   |

### 프로젝트가 궁금하다면 [Wiki](https://github.com/boostcamp-2020/Project12-B-Slack-Web/wiki)로~






