2020 11 16 오프라인 미팅 회의록

목표

그라운드 룰, 컨벤션 등 : 규칙 정하는 것 모두 끝내기

커밋 컨벤션

PR 컨벤션

브랜치 전략

코드리뷰 어떻게 하지?

...

멘토님이 말씀해주신 것들 정해서 준비하기.

슬랙 어디까지 구현할까?

백엔드

express + rest API + MySQL + ORM은 안쓴다

Oauth는 passport로. jwt? session? → session으로 가자

소켓 io 활용해서 실시간 채팅 구현

사용자 권한 - 채널 이동 ( ERD 설계할때 고민)

• typescript
• eslint(airbnb 스타일)
• prettier 적용
• eslint 설정 위키로 만듭시다!

프론트

react

CRA 사용. + typescript

react 17 version

styled-component

atomic 디자인 패턴

404 page

---

요구사항 분석

• 회원가입, 로그인

  • Oauth 한두개 적용

• user 정보 (프로필)

  • 접속 상태 표시
  • 프로필 정보 수정 =======================> 힘좀 빼자.

• 검색

  • 쿼리를 바탕으로 하는 검색.

• 실시간 채팅 =? 쓰레드

  • 채팅 타이핑 중일 때 표시

• 채널

  • 채널 추가
  • 권한?에 따라서 참가할 수 있는 사람이 달라진다.
  • 채널 정보 (멤버, 핀 쓰레드)
  • 다른 채널 링크 걸기

• 파일 업로드

• 이모지

• DM 기능

  • 갠톡
  • 단톡

• 멘션 기능

  • 알림 기능
  • 전체, 사용자, 채널

• 개인별 Threads 확인

  • mention
  • All DM
  • Saved items

• 쓰레드 작성 시 실시간 마크다운 적용

• 쓰레드 URL

우선순위 0. 로그인, 회원가입

1. 채널 생성
2. 실시간 채팅
3. 쓰레드 내의 쓰레드들 구현
   ------------------- 여기까지만 하면 모양은 나온다.
4. 실시간 마크다운 적용, 타이핑 표시, 링크 썸네일
5. 검색
6. 이모지, 멘션
7. 파일업로드
8. DM -> 채널의 변형

---

채널 실시간 채팅 방식

---

멘토님께 질문

쓰레드와 이모지, n:n 관계 될것같은데 혹시 어떻게 없앨 수 있을까요? 유저와 채널도 n:n의 관계가 될 것 같다. saved item , n:n

상태관리 redux, mobx, recoil .. 아토믹 디자인에 관해