2주차 화영 && 재익 피어세션

11월 27일 피어세션 37조

Project18 - B

J035 김민성 J208 최진혁

Project18 - C

J147 이소정

Project18 - D

J107 심재익 J200 지화영

협업 방식

• B
  • 설계할 때 4명 모두 모여서, 코드 작성은 2명씩 나눠서
  • 밤에 각자 개인 공부
• C
  • 원하는 피쳐를 가져가는 방식으로 했지만 같은 컴포넌트에서도 기능이 여러개라 컨플릭트가 날 수 밖에 없었다
  • 같이 문제를 해결하면서 코드리뷰가 원활히 진행되고 있음
  • 글로벌 기업 (워라벨 좋음, 분업 확실)
• D
  • 개념공부가 주를 이루었기 때문에 서로의 지식을 공유하고, 큰 기능을 두 팀으로 나눠서 짝프로그래밍 후 팀으로 진행상황 공유를 반복

Project18 - D

잠깐의 자유프로젝트 전환 비하인드 story..✨

자유주제 프로젝트 정하는 기준

• B
  • 흥미있는 주제를 던지다가 다들 동의하는 주제가 나와서 선택하게 됨.
  • 바닐라로 깊이있는 공부를 하기로 함
• C
  • 주제부터 잡기보단 어떤 걸 해보고 싶은지를 먼저 이야기 함.
  • 프론트/백 나눠서 기술 스택 이야기 나눔
  • 주제는 브레인 스토밍 과정에서 리액트의 상태 관리 이야기가 나왔고 노션 이야기가 나왔는데 노션이 상태 관리 하는게 많아 보였고 다들 OK 해주셔서 이게 주제가 되었어요.
• D
  • 바닐라 스크립트를 써야겠다 생각해서 프레임워크를 직접 만들어보는 것을 선택했고, 그것을 이용해서 클론코딩을 하자고 함.
  • 타입 스크립트를 포기하게 된 이유: 백엔드보다 프론트엔드에 집중
  • 깃허브 repo를 2개를 만들어서 하나는 프레임워크, 하나는 당근마켓 클론으로

가상돔 체크하는 로직

• 브라우저에 액션이 있지 않을 때 가상 돔 체크
• requestIdleCallback
• https://developer.mozilla.org/ko/docs/Web/API/Web_Workers_API

크롱님의 독보적인 멘토 스타일

Socket.io 세미나 feat.민성님😁

• Socket.io로 실시간 통신하는 법을 알려주셨음
• 백엔드, 프론트엔드 별로 코드를 보여주시면서 친절하게 설명해주셨음
• 후에 부션 팀에서 어떻게 적용되어야 하는지 피어세션 팀원분들과 함께 논의해주심 :)

동시 편집 어떻게 가능할까

• https://github.com/bbzzkk/TIL/blob/jswww/201002-Optimistic_Replication.md
• 다중편집이 같은 블록에서 되는 것 보다 그냥 동기화해서 동시에 보여줄 수 있는 부분까지만으로 타협을 보는 것을 목표로 하는걸 추천

팀의 의견조율

• 토론을 하는건 좋지만 시간이 걸리기때문에 문제다
• 일단 틀만 잡은 다음에 각자 구현해와서 설득한다
• 다 좋은 의견이지만 선택은 해야한다 -> 투표로 결정

document.querySelector.bind() <- 요것은 무엇인지오