---
# System prepended metadata

title: 회의록

---

# 회의록

### :date: 날짜
2021-02-15(월)

### :family: 참여자
> 특이사항 없음
* 전유정 (멘토)
* 구자운
* 박지홍

### 회의 주제
1. 규칙
2. 기능 정의
3. 일정 산출
4. 추가 논의 사항


---
## 규칙

### Daily Schedule
> 부트캠프 기간동안 우리의 약속 👀✨
* 코어 근무 타임은 `10 to 19` 입니다.
* 매일 오전 10시에 스크럼을 진행합니다.
    * 전날 한 일, 오늘 할 일 등을 공유합니다.
* 매일 오후 5시에 회고를 진행합니다.
    * 오전, 오후 타임에 겪은 특이사항 공유, 추가회의를 진행합니다.


### Project
> 프로젝트는 애자일-스크럼 방법론을 사용해봅니다 :hand: (단, 많은 생략과 응용을 곁들인.. )
* 마일스톤은 1주 단위로 작성합니다.
* 기능 별로 이슈를 등록합니다.
* (추후 추가)

### 기술관련 특이사항
* React
* css -> scss
* ContextAPI

> jest, typescript 도입은 프로젝트 진행해보며 생각하기


### 브랜치 전략
**Git Flow** 채택

* 단기 프로젝트이므로 `Release` 브랜치 생략
* 마일스톤 종료 시 `master` 브랜치에 merge
* feature 단위로 브랜치 생성

### 코딩 컨벤션
네이버 코딩 컨벤션을 따른다.
> https://oss.navercorp.com/engineering/coding-convention


## 기능 정의
> 추가로 화요일에 기능명세서 작성  
> 목표 : 필수 기능
* 회원관리
    * 회원가입
    * 로그인
    * 로그아웃
    * (추가) 회원탈퇴
* 회원목록
    * 메신저 사용자 목록 표시
    * (추가) 메신저 사용자 검색
* 채널 목록(채팅방 목록)
    * 1:1 방식
        * 채널 생성: 회원 목록에서 회원 클릭 시 신규 채널 생성
        * 채널 삭제: 선택한 채널에서 나가기 클릭 시 채널 삭제
    * 추가 기능
        * 최근 받은 메세지 순으로 채널 목록 상단에 표시
        * 메세지 읽음 여부, 숫자 표시
* 채널 대화(채팅방)
    * 채팅 목록 스크롤 하단 고정
    * 메세지
        * 텍스트 메세지 전송
        * (추가) 텍스트 메세지 삭제
        * (추가) 텍스트 메세지 회수
    * (추가) 시스템 메세지
        * ex) 000님이 초대/탈퇴 하였습니다
    * (추가) 파일 전송/다운로드
    * (추가) 스티커 전송/표시


### 일정 산출
Milestone1.
> :calendar: 02.15 ~ 02.19

1일차
- [ ] FE 스타트 킷 분석
- [ ] 개발환경 설정, 도구 설치
- [ ] 스팩 파악(기능 리스트)

2일차
- [ ] 기능 명세서 작성
- [ ] 마일스톤 등록(주 단위)
- [ ] 기능별 이슈 생성
- [ ] .github/ PR 템플릿 만들기
- [ ] UI 화면 만들기 - 로그인 화면, 채널/채팅 화면, 검색화면(추가기능) 만들기

3일차
- [ ] BE팀과 API 및 우선순위 협의
- [ ] 스팩에 따른 일정 산정 추정
- [ ] FE 인원 내 업무분장 및 기능 구현 시작

4일차
- [ ] Mock을 활용 기능 구현 - 회원관리, 사용자 목록, 메세지 전송 (1/2)

5일차 
- [ ] Mock을 활용 기능 구현 - 회원관리, 사용자 목록, 메세지 전송 (2/2)

Milestone2.
> :calendar: 02.22 ~ 02.26

6일차
- [ ] [서버 API 연동] 기본 연동 회원관리: 가입/로그인/로그아웃

7일차
- [ ] [서버 API 연동] 채널 목록: 메신저 사용자 목록 표시, 1:1 방식 채널 생성/삭제

8일차 
- [ ] [서버 API 연동] 채널 대화: 채팅 목록 스크롤 하단 고정, 텍스트 메세지 전송

9일차 
- [ ] [서버 API 연동] 미구현 상황 진행 + 추가 기능 검토/개발

10일차 
- [ ] 프로젝트 회고 및 마무리
![](https://i.imgur.com/9gUCwNM.png)

## 추가 논의 사항

### 프로젝트에 필요한 부분
> 멘토님 조언 + QnA


* 서버와 api 협의 전에 fe에서 필요한 api를 정리하고 제안해보기
> api 명세 예시: https://wiki2.navercorp.com/pages/viewpage.action?pageId=20179648
* 클린코드 적용
* 리팩토링 (유정님 블로그 : https://yujeongjeon.github.io/)
* 테스트 코드 도입은 BE api 제공이 늦어질 때 도전해보기
* **eslint + prettier + husky** 사용하기
* 프로젝트 구조(Context API)
* .github/ PR template 작성 + Issue Template
```
### 이슈 <!-- #뒤에 이슈번호 작성 -->

<!-- 선택해서 사용하세요 -->

FinancialFE/qa#
FinancialFE/plan#

### 작업 내용 <!-- PR의 주요 작업 내용 작성 -->

-
-
-

### PR 포인트 <!-- 리뷰어 분들이 집중적으로 보셨으면 하는 내용 (참고할 내용) -->

-
-

### 기타 <!-- 기타 적고싶은 내용(TODO, 참고링크 등) 기재. 없으면 생략 -->
```

* 기능 명세서 예시
![](https://i.imgur.com/pIzHlrF.png)


### BE팀과 협의가 필요한 내용
* 메세지 전송 방식 - 웹소캣 사용 / mqtt 사용 / polling
* `git clone`으로 로컬서버를 띄운다 || `url 프록시`로 접근해서 개발한다.


