Skip to content

Peer Session 👀

Jump to bottom
YiSoJeong edited this page Dec 11, 2020 · 15 revisions

2020. 12. 18.

2020. 12. 11.

피어세션 - 시경덕

피어세션 참여 캠퍼

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

J107 J200 J109 J100 J157
심재익🐟 지화영🐟 안샛별🐥 시경덕📝 이주현🚀

프로젝트에 궁금한 점 질문

  • 🐟 : 부션은 dom에 노션을 그릴 때 CSS를 바꾸는 건지?
    • 📝 : 데이터 구조부터 다르다. (화면공유로 설명)
    • 그리드 형식으로 된 것들은 각 열마다 보이지 않는 블럭이 있다?
    • 다른 열로 옮기는 것은 다음 주 구현작업?
  • 🐟 : 왼쪽 메뉴에서 타이틀 클릭하면 내용도 바뀌는 건가요?
    • 📝 : 지금은 타이틀만 바뀌고 있는데 다음 주에는 내용이 바뀌게 할 듯
  • 📝 : 주현님의 기술세미나 덕분에 몽고DB 코드가 굉장히 깔끔해졌음

다음 주 남은 작업

  • 🐟 : 버그 수정... 페이지를 덜 만들어서 페이지 만들고 리팩토링 가능하면.. 미뤄놨던 기능. 이벤트 위임쪽? (어제 해봤는데 벅차다!ㅋㅋㅋㅋ) 추가기능은 웬만하면 없을 것 같음. UseRef 구현이 어렵다기보다는 굳이 라는 느낌? 페이지 만들기!
    • 📝 : 부션하면서 UseRef를 많이 쓰긴 했음... 부스트액트 분들에게 알아내려고 했음!
    • 🐟 : 돔을 변경하면 계속 작동되는 작업들이 비효율적. 리액트에서는 가상 돔을 메모리에 그려서 바꾼 부분을 체크하고 한번에 처리해서 reflow repaint를 하게 했음. 그래서 돔 조작을 많이 하지 않는게 좋음
  • 🚀 : 리팩토링 위주로 작업하려 했음. QA해서 나온 이슈를 리팩토링하려 함. 추가 기능 개발을 한다면 알림기능을 하지 않을까?
  • 🐥 : 게임 완성을 목표로 하고 있음.
  • 📝 : 노션의 최소한의 기본 기능을 마저 개발 + 데모데이 준비

데모데이

  • 🚀 : 추가 기능을 개발하면 안되는 건지?
    • 될 것 같음?!
  • 발표 전략을 잘 세워야 할 것 같다.
9일 발표 소개페이지 1차 작성
12일 팀원 소개 / 기술 특장점 / 프로젝트 소개
13일 깃헙 리드미 업데이트
16일 발표 주제 작성 (노션)
17일 발표자료 제출

백로그 관리

  • 🐟 : 리액트 기능이 처음이어서 백로그를 거의 없다시피... + 프론트하고 백 코어 세 개 나눴는데 주제를 엎어서 다시 백로그 작성하는 것에 대한 코스트가 너무 커서 안씀. 대신 노션에 정리
  • 🐥 : 백로그를 업데이트 하면서 달성률에 따라서 개발 효율을 볼 수 있음
  • 🚀 : 백로그를 엑셀로 할거면 액셀로 하고, 아니면 이슈로 하라고 하셔서 처음에는 엑셀로 백로그 쓰다가 관리는 안하고 이슈로 관리를
  • 📝 : 처음에는 깃허브 이슈에 백로그를 다 만들어두긴 했는데, 나중에 노션으로

오프라인이었다면.. 맨날.. 술.. 먹었을.. 듯

멘탈관리

  • 🐥 : 학습 스프린트 투두리스트 할 때...
  • 🚀 : 이번 주에 감기걸리고. 작업이 안풀려서 결국 페어프로그래밍 함
  • 🐟 : 크게 멘탈을 나갔던 적은 없는데 학습 스프린트 때 힘들었었음
  • 📝 : 하루 새벽까지 빡세게 해서 팀원들이랑 개발을 같이 못하고 좀 자다가 개발하고.
피어세션 - 이소정 # 12월 11일 4주차 피어세션

A팀 Boostagram 🐶 : 차효준(마음만 함께...) B팀 Duxit 🐥 : 김해람 최진혁 C팀 Bootion 📑 : 이소정

Q. 다들 목요일 언제까지 작업하셨는지 ???

  • 📑 : 보통 2시전에는 다들 소등하는 것 같더라구요
  • 🐥 : 7시에 빠이빠이했지만 밤에 아주 약간 작업 더 했어요

Q. 이미지 업로드 어떻게 구현하면 좋을까요?

졸업과제 프론트만 할때는, 그냥 검색하면 나오는 FormData던지기 따라하니까 서버에서 알아서 받았던 기억이... IssueTracker할때는 imgur 사용했어요.

  • 📑 : imgur 보안이슈가 있던데 사용해도 되게쬬 :(
  • 🐥 : secret key가 front에 포함되어야 하는데 보안상으로 위험할 수도...!
  • 🐥 : 180만 계정 해킹 사건 있었다는데요!? (3년전)

벌써 연말

  • 🐥 : 크리스마스 캐럴을 수요일에 처음 들었다...
  • 📑 : 개인 프로젝트 할 때는 불금도 보내고 약속도 잡고 했는데 그룹 프로젝트 하게 되면서는 외출을 거의 안 한 듯...
  • 🐥 : 피부가 하얗게 변했습니다 하핳

작업 스타일

  • 🐥 : 7시 칼퇴근 너무 좋아요... 이게 바로 대기업의 맛...?
  • 📑 : 일 할 때는 일만 해야 한다. 작업 시간에 잡담 시작하면 그 사람 때문에 작업이 흐려진다. 이것이 네이버 마인드. - 억울합니다(본인)
  • 🐥 : 아 그동안 제가 저희 팀을 중소기업화 했습니다... 반성...

회고 효과

  • 🐥 : 남들이 대신 해주는 회고 좋아요~
  • 📑 : 나보다 나를 더 잘 아는 당신...

기술적으로 막히는 부분이 있었나요?

  • 🐥 : WebRTC에서 막혔어요 ㅠㅠ
  • 📑 : 구현하실건가요!?
  • 🐥 : 필수 기능은 거의 끝나서 도전해볼 듯 하네요!

마음에 새기자

실력이 안 좋으면 시력이라도 좋아야 한다.

군대 이야기

  • 📑 : 신형 깔깔이 보유중 v
  • 🐥 : 와 진짜 멋있어요... 왤케 예뻐졌지...

주말 작업

  • 📑 : 주말 작업 암묵적으로 합의 된듯 합니다... ㅠㅠ
  • 🐥 : 저희는 scene끼리 이어 붙여야 해서 단독 작업이 힘들다보니... 안 하지 않을까요...? ㅎㅎㅎ!

페어프로그래밍

  • 🐥 : 2주차, 3주차까지는 자주 했는데 이번주에는 거의 안 했네요!?
  • 📑 : 기능들끼리 겹치는게 많다 보니 중복 로직, 충돌이 많아져서 페어 프로그래밍을 자주 했던 것 같아요! 페어 프로그래밍을 하면 서로 이해를 함께 해서 오해를 줄일 수 있어서 좋았어요! 그런데 개발 속도가 느려지는게 아쉽더라구요 ㅠㅠ
피어세션 - 김남진

12월 11일 피어세션

J001 J023 J035 J223
강경수🚀 김남진📝 김민성🐥 김병국🤡

기간 안에 가능하신가요?

  • 🤡 : 리팩토링이 얼마나 걸릴지... 무섭네요 필수 기능 구현은 다 한 것 같습니다
  • 🚀 : 저희도 저희 프로젝트에 버그가 뭐가 있는지 몰라서... 예측 불가.
  • 🐥 : 이번 주말에 완성해 볼 예정입니다
  • 📝 : 기간안에 완성하지 못할듯해서 목표를 좁히고 있습니다.

네트워크 발표 때는 어떤 느낌으로 할 건가요?

  • 🐥: 오늘부터 생각해 볼 예정입니다
  • 🤡: 어제 잠깐 논의를 해봤는데 아직 확실히 정하진 않은것 같습니다
  • 데모 영상을 찍어서 발표하려 합니다.
  • 🚀 : 아예 에피소드 형식으로 진행하고, 궁금한 부분은 질문으로 해결하는 식?

노션 문서 작성하셨나요?

  • 🤡: 저희 팀은 토요일에 하기로 했어요
  • 📝: 저희 팀은 주말에 진행하기로 했습니다.
  • 🚀 : 오늘 중으로 하게 되지 않을까...?
  • 🐥: 그것도 오늘 정해야 합니다

다들 어제 밤 새셨나요?

  • 🚀 : 어제는 진짜, 죽을 정도로 힘들 던데요...
  • 🚀 : 코딩은 11시에 끝나고 잠은 3시에 잤습니다. (커피를 너무 많이 마셔서...)
  • 📝 : 3시까지 버그 고치다가 잤습니다...
  • 🤡 : 어제 늦게 잤어요... 4주차.... 지치네요...
  • 🐥 : 어제 7시 이후 걍 쉬었습니다

나는 다시 해도 이 주제로 프로젝트한다?

  • 🐥 : 더 다양한 게임을 만들고 싶습니다 (렉시오)
  • 📝 : 노션보다 더 업그레이드 된 에디터를 만들고 싶습니다.
  • 🤡 : 쉬워보였지만 쉽지 않은... 그래도 다시..하면...잘...
  • 🚀 : 리액트... 하... 모르겠다... 도움은 엄청 됐어요 ㅋㅋ......

온라인 회식 하시나요?

  • 🤡 : 고려중입니다 ㅋㅋㅋ
  • 🐥 : 생각 해 본적도 없습니다 ㅋㅋ
  • 🚀 : 각이다...
  • 📝 : 상상도 못했네요 ㅎㅎㅎ

오프라인 만남

  • 🤡 : 1주차에 한번 만났다가 코로나때메 못 만나고 있습니다
  • 🚀 : 하려고 했던 날에 카페 영업 금지 시작!
  • 🐥 : 스파크 플러스에서 딱 한번 만난게 전부네요
  • 📝 : 2주차에 한번 만나고 못만나고 있습니다.

코딩 말고 취미가 있으신가요?

  • 🚀 : 아, 아니... 일단 코딩이 취미인 건 전제군요. 저는 슈퍼마리오 게임 방송 봅니다.
  • 🤡 : 유튜브 보기..? 롤, LOL, League of Legends
  • 📝 : 보드게임이 취미 입니다.
  • 🐥 : 게임, 게임 그리고 게임

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

  • 🤡 : 날짜는 지킵니다. (야근..)
  • 📝 : 배포하는 시간으로 쓰고 있습니다.
  • 🚀 : 아....니요? 코드 모으고 배포하는 것 외에 프리징은 안합니다.
  • 🐥 : 거의 의미가 없는거 같습니다 ㅋㅋ

쉬울거라고 생각했던 기능인데 실제로 어려웠던것?

  • 📝 : 에디터에서 상하좌우 이동에 따른 interaction을 직접 구현하기
  • 🤡 : UseState 지옥...
  • 🚀 : useContext. Provider로 value를 전달한 게 언제 끝나는지 알 수가 없었습니다. 다른 건 쉬울 거라고 생각을 안 해봤어요. ㅋㅋㅋ
  • 🐥 : 코드를 역할에 맞게 파일별로 관리하기

오늘 마이리얼트립 보셨나요? 보셨다면 어땠나요?

  • 🚀 : 제가 기업을 탐색해본 적이 없어서 다른 분들 의견이 궁금합니다.
  • 🐥 : 발표 보고서는 우와! 했는데 점심때 사이트 들어가보고 실망 많이 했어요
  • 🤡 : 못봤어요..ㅠ
  • 📝 : 팀원들이랑 같이 봤습니다. 상당히 마음에 들더라구요.

기술적으로 도전해본 예시

  • 🐥 : HTTP -> HTTPS
  • 🚀 : 프로젝트 자체가 개발보다는 CS에 가까워서... index.html 말고는 전부 JS인 것? 애초에 바닐라 하려고 모인 팀이어서 바닐라만 한 거 같아요.
  • 📝 : recoil로 상태관리하기
  • 🤡 : 백엔드를 TS, Mongoose 쓴거..? 처음이라 많이 헤맸습니다.. socket은 다음주에 도전할 계획..

타입 스크립트 어렵다.....

부스트캠프 끝나면 JS... 계속 하시나요?

  • 🚀 : 자바스크립트 자체는 좋은데 자바로 코딩하는 악몽까지 꾸고 있습니다...
  • 🚀 : ...JS로 백엔드를 하기위해 aws나 graphQL 생각 중이에요.
  • 🤡 : 스프링을 써보고 싶어요..
  • 🐥 : 저는 원래부터 JS파였습니다. 하지만 파이썬 다시 하고 싶네요
  • 📝 : JS를 계속 쓸듯 합니다.

백엔드 프론트엔드 풀스택?

  • 🚀 : 백엔드인데... JS인 이상 풀스택을 지향해야지 않나 싶어요. (백이 main)
  • 📝 : 프론트엔드를 소망하고 있지만 백엔드도 할 줄 아는 수준으로 전문성을 갖추고 싶습니다.
  • 🤡 : 백엔드를 하고 싶은데 스프링 경험이 없어서..
  • 🐥 : 프론트엔드 하고싶습니다! 하지만 간단한 백엔드도 나쁘지 않을거 같아요

자바스크립트의 미래...

  • 🚀 : 자바스크립트는 2035년까지? vs 자바스크립트가 결국엔 다 할 것?
  • 📝 : Web의 수명 === 자바스크립트의 수명
  • 🐥 : 매우 밝다고 생각합니다
  • 🤡 : Web이 망하지 않는 한 자바스크립트는 영원하다

차.... 착하게 살자...

  • 🚀 : ok...
  • 📝 : 😎
  • 🤡 : 후....
  • 🐥 : 착한거란 무엇일까요...

각 팀의 워라밸은?

  • 🚀 : 프로젝트를 2번째 엎자는 의견 나왔을 때 제가, "엎을 거면 밤에도 일하고 주말에도 일할 거면 엎어도 좋습니다." 했는데, 팀원들이 엎었어요.
  • 📝 : 초반에는 7시에 퇴근하고 개인일정을 진행했는데 근래는 늦은시간까지 작업하고 있습니다.
  • 🤡 : 초반에는 7시 칼퇴였는데 지금은 매일 야근중입니다
  • 🐥 : 저희는 코어타임 말고는 완전 자유입니다

오늘 알아낸 것

  • TS 어려움
  • CRA 문제가 많음
    • 좋은 설명 감사합니다.
    • express-generator가 왜 옛날코드만 생성하는지 이유를 알겠네요

2020. 12. 04.

피어세션 - 시경덕

피어세션 참여 캠퍼

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

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

리액트 훅 설명

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

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

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

몽고디비 수난기 T.T

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

타입스크립트 어때요?

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

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

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

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

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

12월 4일 3주차 피어세션

피어세션 참여 캠퍼

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

J202 J208 J109 J023
차효준🚀 최진혁🐥 안샛별🐥 김남진📝

다들 어제 밤 새셨나요?

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

오프라인 만남

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

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

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

타입스크립트 TS

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

이슈 🚨

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

프로젝트 스케쥴 관리 ⏰

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

기타 사담

  • 🐥 : 효준님꺼 MBTI 맞히고 싶다. => ENFJ => INFJ
  • result : INTJ-T 엘런 머스크
  • 🐥 : 구글 애드 갑시다. 메인에 애드 하나 박고 채팅방 위에도 하나 넣으면 될 듯 합니다.
    • 공모전 돈 버는 꿀팁 : 4차산업혁명 AR 빅데이터 인공지능 수익구조
    • 진혁, 효준, 남진님은 어렸을 때 유희왕을 좋아했다. => ㅋㅋㅋㅋㅋㅋㅋㅋ
    • 3시 13분 ~ 샛별시~
    • 구슬동자는 진짜 너무 추억이라 기억 속에 잊혀져 있었다...
    • 남진님 문과였군.. 대박??? 문과 -> 컴공 (교차지원)
    • 남진님은 개발자 집안의 성골 출신이다.
    • 테슬라는 요즘 다시 상승세
    • 테스트 : 친구가 나 우울해서 화분 샀어!
      • 진혁 : 무슨 일 있어?
      • 남진 : 무슨 일 있어?
      • 효준 : 무슨 일 있어? -> F 성향이 강함
      • 샛별 : 무슨 화분? 다육이? -> T 성향이 강함
    • 다른 테스트 : 제주도에 여행을 갔다가 A(자신)가 교통사고를 당해서 다쳤다. 이 소식을 접한 친구가 보험 들었어? 라고 한다면?
      • (내 걱정을 안해?) 섭섭하다 -> F 남진님은 ENFJ에 가까워보인다...
      • 어 내가 들었나 생각해보고 답한다 -> T
    • 다른 테스트 2 : 친구가 드라이샴푸를 했다. 스프레이로 샴푸질하는. 나 늦게 일어나서 드라이 샴푸했어 라고 한다면 뭐라고 할 건가요??
      • 왜 늦게 일어났어? -> F
      • 드라이샴푸에 대한 반응 -> T
    • MBTI 유사과학이다. 탈퇴 -> 애니어그램으로 갈아탑니다.
  • 사람이 먼저다. - 부스트캠프
  • 진혁님은 요즘 신조어를 어거지라고 하는 것을 보니 다들 꼰대가 되어가고 잇나보다.
  • 요즘 젊은 사람들이라는 단어를 사용한다? -> 슬슬 진행중
  • 주위 사람들이 중요하다. ㅎㅈ님이 저에게 진중하지 않다고 돌려깐다.. ㅜ
  • 하지만 우리는 모두 젊다~ 👴🏼 우리가 할 수 없는 건 아역배우와 고등래퍼뿐
  • 남진님 컵 자랑하다 핸드폰에 물 쏟으심!
피어세션 - 이소정

20.12.04 피어세션

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를 섞어쓴다.
    • 멘토링 프로젝트 관련된 얘기는 잘 알려주시는 편...

타입스크립트

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

2020. 11. 27.

피어세션

11월 27일 피어세션

피어세션 참여 캠퍼

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

J001 J013 J060 J109 J023 J100
강경수🐟 구승효🐟 김해람🐥 안샛별🐥 김남진📝 시경덕📝

프로젝트 진행

  • 🐥 : 백엔드 2명 / 프론트 2명 나눠서 소회의실에서 라이브쉐어로 코딩을 같이 함, 이후에 PR 날리고 메인에 모여서 발생한 이슈를 공유함 (다음 주 부터는 더 분업이 되지 않을까?)
    • 코드가 꼬여서 발생하는 에러가 있는지? 같이 하면서 에러는 나지 않았던 것 같아요!
  • 🐟 : 둘둘 나눠서 라이브쉐어로 코딩, 한 시간씩 스프린트를 해서 각각 한 다음에 문제를 공유하는 식으로, 어제는 네 명이서 한 화면을 보고 왜 안되는지 생각해봄
    • 가상 돔에 대해서는 어디서 공부를 하시나요? 질이 좋은 자료가 많다. 실제 리액트 개발자들이 쓴 글이나 공식 도큐먼트를 읽고 있어요. 이후에는 자체적으로 아이디어를 생각해봐야 할 듯
    • 실제 리액트 코드를 보셨나요? 보긴 봤는데 커밋 갯수가 13000개다 보니.. 다 보기가 너무 어렵습니다. 일단 스펙보면서 방향을 설정해야 할 듯 합니다.

타입스크립트

  • 🐟 : 처음에 타입스크립트를 하려고 했는데 가상돔만으로도 공부량이 많아서 나중으로 미룸
  • 📝 : 원래 타입스크립트에서는 tsconfig를 설정을 하다가 index 파일을 못 찾는 에러.. 샛별님 해결 하셨나요? (아니요.)
    • index.d.ts 문제? js에서 js 파일을 가져오려는데 안되어서 ㅠㅠ
  • 🐥 : 일단 js로 짜고 나중에 ts로 마이그레이션할 예정, 중간중간에 하고싶은사람이 이미 로직 다되있는 부분을 ts로 해보자.는 목표로 진행하고 있는데 에러가 납니다.

개발하면서 발생하는 이슈

  • 📝 : 리액트 스크립트가 업데이트 되면서 엄청난 버그가 생겨서 이후 hotfix로 수정되기는 함
  • 🐥, 🐟 : (바닐라...)
  • 🐟 : 📝 측의 객체 구조 (type, props, children)가 저희와 비슷한 거 같은데, 혹시 트러블 슈팅이 있었는지?
    • 📝 : 예상은 되나 아직 그 코드 단계가 아님.
  • 📝 : 뭔가 예전에 만든 JS 파서를 다시 해보고 있는 것 같은 느낌
  • 🐥 : 부션 코드리뷰 구경갔는데 리액트 + ts 여서 .. 응원만 하다 나왔다..
  • 📝 : eslint가 ts에서는 먹지 않는 것 같은 느낌
    • 🐥 : eslint config에서 뭔가 추가해야 할 것 같지 않을까요?
    • 📝 : 파서를 넣었는데도 EOL이 안 먹네요 따흐흑
    • 🐥 : 린트 로그를 누르면 에러 로그도 보여서 확인해보세요!~~
  • 📝 : D팀은 나중에 어떤 식으로 산출물을 보여주실 예정이신가요?
    • 🐟 : 확실히 픽스되지는 않았는데.. 여러가지 방안으로는 사인사색 페이지 만들기? 렌더링이 많이 일어나는 것을 보여줄까(라고 생각) 멘토님께서 바닐라마켓을 버리라고 하셔서. 원래 벤딩머신을 하려고 했는데 어른들의 사정으로 변경되었다.
    • 📝 : svelte 사이트가 재밌음. 이런 식으로 만드는 건 어떠실지? (지금.. 경덕님 프로젝트 아니라고...?... 에디터를 구현해라?...)
    • 🐟 : NPM 패키지로 배포해서 다른 사람들이 쓸 수 있게 해보고 싶음. 처음에 설계하고 디비도 파는데 시간을 많이 썼는데 시간 버리고 없었던 시간으로 하고 엎음. 부스트액트도 사실 한번 엎은 것.✨
    • 🐥 : 어떤 조 보니까 NPM으로 배포하는 게 목표인 것 같아요?
  • 📝 : (경덕님: 남진님 저희는 여유가 이제 있죠? | 남진님: 아뇨 이제 없죠?) (소통이 잘 안되시나요?) => ㅋㅋㅋㅋㅋ
    • 📝 : 공동작업을 소켓말고 Redis로 하려고 했는데,, 소켓을 다시 해볼까 하는 생각. 레디스에서 실제로 구현한 자료를 봤어서.. 가능하지 않을까요?
    • 🐥 : 시간이 부족해서 공동작업까지는 안해도 될 것 같아요. 기본 기능만 잘 되믄
    • 📝 : 분업을 하다보면 생각보다 진도가 빨라서 (협업 vs. 아웃풋) B팀은 분업을 하시는지?
    • 🐥 : 반반인데 각자만의 욕심이 있어요. 다음 날 일어나면 누군가 PR을 또 날려놓는.. 해람님이 폰트를 넣자고 하셨는데 폰트 넣은 게 너무 만족스럽.
    • 📝 : 애플코리아 보니 돈주고 맥북 사는 건 아깝...
    • 🐟 : 맥북 주는 회사를 갑시다
    • 🐥 : 소켓 도입하시려면 설계부터 하시기를 추천합니다. 저희 팀 명세서 | 참고한 작년 명세서
  • 🐟 : 드래그 드랍 기능도 된 건가요?
    • 📝 : 아뇨 일단 그려주는 것만 하고 이벤트는 나중에~

팀 활동 관련

  • 🐥 : 개발 관련해서 공부를 하시는데 어떤 식으로 공유를 하는지 궁금합니다.
    • 📝 : 리코일 관련 스터디를 1주일에 한 번씩 하려고 했는데, 각자 하게 될 듯. 코로나 때문에 세미나도 어려워져서 아쉽습니다.
    • 🐟 : 저희 조는 자료를 찾으면 던져주고, 언제까지 읽어오세요~ 느낌으로 하고 있어요. 내부 룰로 한명이라도 이해하지 못하게 넘어가는 일이 없도록 친절하게 답변해주는 게 있습니다. 저희는 숙제로 이번 주말까지 저희가 지금까지 짠 코드에 대해 정리하는 시간을 가져보기로 했어요.
    • 🐥 : 각자 공부하는 것들이 달라지다 보니 공통적으로 공유할 수 있는 게 적은 느낌인 것 같아요
  • 🐟 : 다들 완성하실 수 있으실 것 같나요?
    • 🐥 : 흠.. 백로그.. 다 하면 좋겠지만... 2주차 달성률 30%긴 하지만.. 100% 가능하다고 해람님이 말씀하셨다.
    • 🐟 : 40%의 시간이 지났읍니다..
    • 📝 : 겉보기가 되면 어느정도 한 것 같아 보이네요
  • 🐥 : 한 시간씩 스프린트 하신다고 하셨는데 저희는 대충 2-3시간 작업을 하는데 쉬는 시간을 어떻게 가지면 좋을지? 즉흥적으로 가지고 있어서
    • 🐟 : 1시간하고 10분 쉬고? 얘기하면서 일하러가기도 하고 힘들면 누가 쉬자하고
    • 🐥 : 점심먹고 클래스 없으면 언제 만나세요?
    • 🐟 : 1시에 만나는 듯 합니다. 저녁먹고 8시 반에 만나는... (워라밸 최악) 퇴사희망자 속출 / 매일 캡틴을 뽑아서 캡틴이 데일리 스크럼이나 화면공유같은 잡일을 하고 금요일은 발표캡틴을 따로 뽑습니다. 캡틴 외에는 아랫것이라 한다.
    • 📝 : 가끔 밤에도 하는데 요새는 담당하고 있는 게 있어서 알아서 작업하는 느낌~
    • 🐥 : 시키는 사람은 없지만 넷이 다 하고 있는? 하지만 슬랙봇이 쉬지 않는다. 7시에 쉬세요~ 하는데 쉬는 사람이 없다? ㄴㅇㄱ 굳이 PR 안날려도 저는 이거 개인적으로 해봤어요 보여주고~
  • 🐟 : 마스터님이랑 멘토링을 했는데 찾아보는 코드들이 유사해져서, 다 삭제하고 다시 하라고 해서... 공부를 다 했으면 다시 해라. (진짜 빡시다..)
    • 🐥 : 크롱님은 하하하 웃으시고 칭찬해주시는데..
    • 🐟 : 호눅스님이 마지막에 크롱님께 물어봐요~ 하시고. 크롱님께도 프론트 많이 물어봅니다.
    • 🐥 : 저희한테는 호눅스님한테 디엠 보내라고 하십니다
    • 🐟 : 소름. 우테캠에서도 리액트를 만드려고 했더라고요.. 거기도 만들다가 실패를 했나봐요. 자꾸 실패해도 얻는 게 있을거라고 크롱님이 말씀하시는 이유를. 이제야 알았다. 하지만 우연찮게 양질의 자료를 발견. 크롱님이 자료도 던져주시고 🦖

레포 구경하기

  • 🐥 : C팀은 도커를 써본 경험이 있으신 건가요?
    • 📝 : 저번 프로젝트 때 해보신 분도 있고, 다른 팀원분들이 조언을 많이 주셔서~
  • 🐟 : C팀에 저 알록달록한 이모지는 뭔가요?
    • 📝 : emotion이라는 건데 토스에서 많이 쓰는데, 라이브러리가 styled-components보다 용량이 작다고 합니다. 쓰는 데 크게 차이는 없는 것 같습니다.
    • 🐟 : 이모지가 맘에 안든다.
  • 🐥 : 부션 로고를 잘 만드셨네요..
  • 🐥 : 경수님 INTJ~~ 인티제 하이~~ (일론 머스크를 모르지 말자)

크롱님의 깜짝 등장

  • 🦖 : D팀은 잘 되어가고 있나요~?
  • 🐟 : Hello World를 했습니다! 👍
  • 🦖 : 백엔드를 안하는 팀이 아무래도 UI에 집중해서 하는 것 같고 풀스택은 아무래도 오래 걸리고. 자유프로젝트는 기획적인 것을 많이 해서~ 하지만 다른 팀들도 한다.

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개를 만들어서 하나는 프레임워크, 하나는 당근마켓 클론으로

가상돔 체크하는 로직

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

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

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

동시 편집 어떻게 가능할까

팀의 의견조율

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

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

2020. 11. 20.

프로젝트 Demo 발표자료

🏠 Home

🗂 Project

🗓 Daily Meetings

🙏 Weekly Meetings

Trouble Shooting

Clone this wiki locally