피어세션 3주차 그룹 2

5주 프로젝트 3주차 피어세션 그룹 #10 & #13

참여인원

10조

• J093 백지영
• J134 이기훈

13조

• J103 신승현
• J117 오지현

그룹 소개

10조

• 최대한 트위터랑 비슷하고 많은 기능을 구현하려고 노력을 함
• 중점적으로 둔 부분은 새로운 기술
  • GraphQL
  • MongoDB
  • Apollo : client/server(GraphQL 쉽게 관리)
  • Next.js : SSR을 쉽게 해주고 동적 라우팅을 지원해 줌
• 백엔드
  • 기능은 거의 다 완성했기 때문에 리팩토링을 중점으로 진행
• 프론트엔드
  • 리엑트는 부분 렌더링이 가능하지만 Next.js는 url이 바뀌면 전체화면이 렌더링이 되야함 => shallow Router를 사용해서 바뀌는 부분만 바뀌도록 해서 시간을 많이 씀

13조

• 동영상 편집, 리액트위주
• 상태관리 - Redux, Redux Saga (비동기적 상태관리)
• 캔버스 WebGL을 통해 동영상 표시
• 비디오 상태 관리 (10초 후, 자르기, 회전, 비율 등...)
• WebGL Matrix를 통해 비디오 편집(예정)
• 비디오 자르기 등을 개발할 예정

기술적 한계점

• Web Codec AudioTrackReader / AudioEncoder 미구현으로 인한 대체 기술 탐색 필요
• 새로운 기술에 대한 이해도가 부족한 것 같다

대략적인 목표나 완성도

• 기술 구현 관련
  • 10조 : 최대한 트위터 기능(무한 스크롤, 리트윗, 멘션 등)을 구현할 수 있도록
  • 13조 : 편집된 비디오를 추출하거나 재 사용할 수 있도록 (한 트랙이라도)
• 기술 공부 관련
  • 10조 : 사용하는 기술들을 왜 사용하는지 이해할 수 있었으면 좋겠다.
  • 13조 : 요구하신 기술스택을 경험해보고 최소한의 이해라도 하면 좋겠다.

질문

• 각종 삽질 경험 공유: typescript 오류, https 배포 과정에서 문제 등
• 스토리북 해봤는지? 어떤지
• LCC가 뭔가요? - 로딩 컴포넌트 컨테스트
• React에도 EventBus가 있는지?

소감

• 백지영 : 저번 주와 같은 조랑 피어세션을 했더니 더 열심히 해야겠다는 동기부여가 되었습니다.^^ 부캠에 같은 학교 분들이 많은데 아싸라서 슬프네요ㅠㅠ
• 신승현 : 데모부터 쉼없이 오시느라 다들 고생하셨어요. React를 열심히 공부하신 것 같아서 꽤나 좋은 동기부여가 됬습니다. 감사합니다~!!
• 오지현 : 터미널에서 열심히 뭔가를 하면서 참여해서 죄송합니다 ㅠㅠ 그래도 틈틈히 lazy query나 이것저것 주워듣고 질문을 하려고 노력했어오...
• 이기훈 : 현재 진행하고 있는 프로젝트와 다른 주제를 가진 프로젝트를 들어서인지 재미를 많이 느겼던거 같습니다.(어렵지만,,)