피어세션 w4

12.11 (금) 피어세션 그룹 32

참여자

캠퍼ID	이름	팀 번호
J020	권현준	06-A
J039	김서영	12-A
J065	류찬규	12-C
J211	탁성건	12-B

6-A

• 이모지 db에서 어떻게 관리하는지
• socket으로 받은 정보를 바로 업데이트하는지 or API call

12-A

• 라이브러리를 쓰는데, 그때 db에서 이모지 관리 방식
• reply hover를 어떻게 랜더링 display:none vs unmount
  • mount/unmount 방식

12-B

• 모달 관리
  • body + state으로 관리
• User Box의 Style 구현 방법
• 인피니티 스크롤 reload 시 스크롤 위치

12-C

• recoil 사용 및 소감
• reaction update

---

참여자

캠퍼ID	이름	팀 번호
J014	권순원	06-A
J003	강동훈	12-B
J052	김종원	12-C
J062	김혜지	12-A
J165	이한주	12-A

질문

다다음주 발표 주제는 어떤걸로?

A팀 - 인피니티 스크롤

C팀 - 인피니티 스크롤 최적화, intersection observer 사용해서 구현. 되게 어렵다 완벽하게 구현이 안되어있음..

A팀 - 소개페이지 항목을 보니 기술을 파고들어서 너네가 뭔가 개발을 했는가? 슬랙 자체가 구현할 기능이 너무 많아서.. 슬랙 팀에서 다른 프로젝트와의 차별성은 socket io.

실시간 예약 프로그램 ,, 저희가 소켓을 사용하긴 했지만 실시간에 중점을 둘만큼 개발하진 않은거 같아서 슬랙과 같은 복잡한 프로그램에서 소켓을 어떻게 설계하고 layer를 잡았는가? 탄탄한 구조 설계를 주제로 삼아볼까

B팀 - 페이지네이션 이슈. === 무한스크롤. 백엔드측에서는 어떤 기준으로 할것인가? 도커, 도커 compose 젠킨스 열심히 팠습니다.

발표 컨텐츠는 어떤것으로?

• 데모와 기술적 발표 어느정도?

남은 기간동안 개발?

• 필수 요구사항을 못맞춘 것들 채워야할것 같다.
• 마크다운, 파일업로드 미리보기 안됨. 근데 Stop 하려고 한다.

소켓 설계를 어떻게?

• 각자 코드 공유

렌더링 하는 시점이 안맞은 문제?

웹 노티피케이션 소리 넣는게 사라진 이슈

https

workspace, channel 가입하지 않은 사람은 접근 못 하게 막아야하는데 어떻게 처리하셨나요 ?

• middleware로 처리하면 될 것 같은데 아직 구현은 안 되어있습니다.

소켓과 백엔드 서버 or 포트 분리?

• 확장성 고려
• 멘토님의 조언 : 1) 같은 포트를 사용하는건 아니다.
• 방별로 다른 포트를 열어라

Peer Session 33

참여자

캠퍼ID	이름
J030	김도호
J171	임채욱
J214	한상욱

무슨 이야기할까여?

• 이번주 했던거?
  • 6-A조
    • 소켓때문에 골머리가 썩었습니다
    • 소켓에 대한 문서화를 해두는 것이 좋을 듯
    • if문 줄이기 key-value로 map 돌리기
  • 12-B조
    • 저번 주에 피어세션 때 너무 좋은 말을 들었어요.
      • 현준님이 redux에 대해서 조금 알려줘서 그거에 대해서 수정을 대폭했습니다.
      • 모듈화를 시켰는데 이쁜 구조가 탄생한 것 같아요.
      • 웹 소켓과 폴링의 차이
  • 12-C조
    • 워크 스페이스 만들어서 기본 가입할 때 무조건 정해준 디폴트 채널로 들어간다
    • 무한 스크롤 관련해서는 메시지 개수가 많아져서 문제가 생겼다. 50개~100개 기준을 무한 스크롤 단위로 나눠놨다. 상하로 다 되야된다.(계획 중)
    • 리코일 사용, 모달을 해당 워크 스페이스 페이지 안에다가 포탈을 만들고 그 위치에 무조건 모달과 컴포넌트가 생성되게 제작,
    • 모달은 리코일 value를 이용하여서 리코일 자체에 컴포넌트를 저장하고 해당 모달이 작업이 끝나면 그 상태를 null로 만들어서 모달이 사라지도록 구현
    • 워크 스페이스 중복체크, 글자수 버그 수정
    • 리액션 개발중이다.
    • 채널간의 이동시 리액션을 누르면 버그가 있다.