[PEER SESSION] Week 3 - boostcamp-2020/Project18-A-Boostagram GitHub Wiki

효준

피어세션 참여 캠퍼

자유프로젝트 A,B,C팀 Boostagram(인스타클론🚀 ), Duxit(보드게임🐥 ), Bootion(노션클론📝 )

Untitled

다들 어제 밤 새셨나요?

  • 📝 : 새벽 4시까지 했음. 9시 넘어서 일어남
  • 🐥 : 1시 반정도까지 셋이서 했다. 너무 피곤했다.
  • 🚀 : 밥먹고 쉬다가 3시까지 하다 잤습니다. 😪

오프라인 만남

  • 🚀 : 저번 주 화요일에 한번 만났다.
  • 📝 : 저번 주에 만나고 원래는 일주일에 2번 정도 만나려고 했는데.. 슬픕니다.
  • 🐥 : 😄 ...

코드 프리징 다들 지키시나요? 🤔

  • 🚀 : 그게 뭔가용 😲 -> 아침에...
  • 🐥 : 지난주엔 지켰는데... 데모 전까진 프리징 할 수 없는 것이 국룰
  • 📝 : 코드프리징이란, 밥먹고 배포하고 개발하는 것...

타입스크립트 TS

  • 🐥 : 타입스크립트를 어디까지 적용?
  • 📝 : 둘 다 하고 있습니다.
  • 🚀 : 백엔드만 하고 있습니다.
  • 🚀 : 몽구스와 타입스크립트 같이 쓰면 어렵지 않나요?
  • 📝 : 백엔드를 한 분이 맡아서 진행하고, 상세하게 다뤄보지는 않음
  • 🚀 : 같이 사용하는데 불편해서 고민이 많음
  • 🐥 : 프론트엔드, 백엔드 어디를 먼저 마이그레이션할까요?
  • 📝 : 프론트를 추천 합니다.
  • 🐥 : 백엔드 타입스크립트는 어떤가요?
  • 🚀 : 굉장히 불편합니다. 몽구스를 쓰는 게 아니면 괜찮을듯?!
  • 🐥 : 마이그레이션할 수 있을까요? (주말에 삽가능~)

이슈 🚨

  • 🐥 : WebRTC를 하려면 https가 필요한데.. 로컬에서 테스트를 못함. 어떻게 해야 할지.. 진혁님은 고민이 많다. 그래서 주말에 https를 공부하기로 했다. 진혁님의 성공을 기원합니다. 샛별님은 타입스크립트를 한다.
  • 📝 : 일반적인 에디터 기능을 리액트 훅으로 하다보니. 리액트 훅에 지원하지 않는 것은 Ref로 따와서 해야 하는데 그러면서 동시에 리액트를 해치지 않으려면.. 굉장히 어려움. 시행착오가 많았음
  • 🐥 : 실제 노션은 어떻게 만들어지나..?
    • 📝 : 노션 엘리먼트 구조를 따오고 있음. 아마 리액트는 아닐까?
    • 🐥 : 찾아보니 프론트는 React랑 일렉트론 / 백엔드는 루비 / RN도 쓴다고 합니다.
    • 📝 : 와우.. 정보 감사합니다.
  • 📝 : 리렌더링을 하면서 포커스가 변하는 문제가 있음. 소정님이 해결하고 계심. 가상돔에 영향을 끼치지 않으면서 바닐라로 하게 되는 것 같음.
  • 🐥 : 차라리 바닐라로 했으면 편하셨을 것 같음.
  • 📝 : 완전 공감합니다.. 바닐라로 했으면 진도를 더 빨리 나가지 않았을까.
  • 🐥 : 부스타그램은 백엔드 / 프론트 어디를 더 중점적으로 하고 있는지?
    • 🚀 : 지금은 프론트 디자인에 시간을 많이 쏟음
    • 🚀 : 멘토링 때 프론트 질문은 크롱님께... 백은 새롭게 도전하는 것은 아직 없음
  • 🐥 : bootion과 비슷한 issue가 있나요?
  • 🚀 : 고뇌의 흔적
    • 🐥 : 저희 팀도 이렇ㄱㅔ 잘 해봅시다..;;

프로젝트 스케쥴 관리 ⏰

  • 🐥 : 백로그로 스케쥴 관리를 하고 있는데 백로그 업데이트도 하고 계신가요?
  • 🚀 : 스프린트 때 백로그를 관리하고 보통 프로젝트로 관리합니다.
  • 📝 : 분업을 많이 하고 이슈 관리는 잘 안되고 있음 - 역시 ENTJ 둘 INTJ 하나...
  • 🐥 : 분업을 하면 다른 팀원이 짠 코드를 이해할 수 있나요?
    • 📝 : 리뷰를 할 때 질문을 많이 하고 있습니다.
    • 🚀 : 코드리뷰는 언제 하시는지?!
    • 📝 : PR 날리면 셋이 줌 틀어놓고 리뷰하는 형식으로~ (거의 청문회???)
    • 🐥 : 분업도 하지만 같이 할 때도 생산성이 나쁘지 않음
    • 📝 : 분업을 하다보면 중복되는 기능을 만들기도 하지만 감수하고 분업
    • 📝 : 네트워킹 데이 때 열심히 디벨롭할 예정.

병국

J001 강경수 D boostact ( 캡틴 ) J060 김해람 B Duxit J107 심재익 D boostact J147 이소정 C Bootion J223 김병국 A Boostagram

뭘 해야 할까요?

  • 자유 프로젝트라 다 핵심이 다른뎅?
    • 기술 공유
      • B팀 : 애니메이션https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame 순수 JS로 제작. 수학적(?) "object가 이동 중에, 중앙 값을 가져올 수가 없음 / JS가 컨트롤하는 일과 브라우저가 컨트롤하는 일이 나뉘어져 있음." 데모 때 보여주신, 오리가 이동하는 모습, 카드가 나오는 모습을 구현.
      • D팀 : 리액트 3주 프로젝트 때보다 지금이 리액트의 구조에 대해서 더 이해도가 깊어짐. 코드 량이 적음. 1번 엎은 적도 있었음. 찾아본 자료와 코드가 유사해지는 문제가 있어서, 멘토링 후에 새로 엎고 다시 하기로 하였음. "보고 배우는 것은 좋지만, 우리 팀만의 코드를 만들어라." 조언하셨음.
      • C팀 : 리코일https://recoiljs.org/docs/introduction/getting-started 쓰기 간단한데, 다른 상태관리 프레임워크를 사용해보신 조원분들은 차이점을 체감하고 계시지만 소정님은 다른 라이브러리를 사용해봐야 비교가 될 것 같다고 하셨다. 전역으로 상태관리하는 것이 너무 좋았다. 비슷한 종류의 state를 하나로 묶어서 관리할 수 있다는 것이 장점 (atomFamily 최고 >_<). 크롱님이 '리코일'을 추천해줘서 쓰게 되었음.
      • A팀 : mongoDB몽고디비의 장점 리서치 DB에 대해서 1차적으로 고민을 하고 mongoDB를 채택하였고, 임베디드와 레퍼런스 중에서 고민을 했는데, 멘토링 (honux님은 레퍼런스 쪽?)이후 결정하게 되었음. 인스타그램을 알아봤는데 MySQL과 mongoDB를 섞어쓴다.
    • 멘토링 프로젝트 관련된 얘기는 잘 알려주시는 편...

타입스크립트

중간에 적용하기가 어렵다.

주현

피어세션 참여 캠퍼

자유프로젝트 A, B, C, D 팀 Boostagram(인스타클론🗺), 덕싯(보드게임🐥), Bootion(노션클론📝), 부스트액트(리액트클론🐟)

J013 J035 J100 J157 J200
구승효🐟 김민성🐥 시경덕📝 이주현🗺 지화영 🐟

리액트 훅 설명

  • 전역변수로 배열을 만들어서 상태관리

D 팀이 라이브러리를 하게 된 계기?

  • 원래 계획은 실행 불가능하게 잡아놓았음. 멘토링을 진행하면서 현실적으로 일정을 잡다보니 코어에 집중하자는 의견이 많아서 데모 페이지와 공식 문서를 만드는 것으로 기존 계획을 변경하게 되었음.

몽고디비 수난기 T.T

  • Embedded가 복잡하지만 빠르기 때문에 사용하게 되었음.
  • model에 interface와 method를 정의하여 편하게 사용할 수 있음.

타입스크립트 어때요?

  • 자동완성 해주는 기능이 좋지만, 이를 위해 타입이나 인터페이스를 작성해줘야 하는 작업들이 조금 힘들었음.
  • 타입스크립트와 vs code 환경설정 및 세팅해주는데 어려움을 겪곤 함.

멘토링 어떻게 받고 계신가요?

  • 질문을 미리 준비하여, 답변을 받고 있습니다.
  • Pull Request에서 코드 리뷰를 해주셔서 정말 감사했습니다. ^^7
  • 멘토 님께서 질문을 드린 내용과 관련된 깃헙 레포지토리나 블로그 글을 공유해 주셔서 큰 도움이 되었습니다.

다른 조들은 협업을 어떻게 하는지?

  • 기능을 어떤 방식으로 구현해야 할지 논의를 한 후, 방식이 정해지면 각자 맡은 기능을 구현.