4주차 개인 회고

11/15 (월)

나정

• Fact : body 스크롤을 없애고 그룹 삭제 기능을 구현했다
• Feeling : 얽혀있는게 많아서 그룹 삭제하는거 어렵다!
• Finding : mutate로 데이터가 변화된 경우에 다시 받아올 수 있다
• Feedback :
  • From 효근 : 어려운 기능인데 잘 구현한 모습이 멋지다 나정아~! 굿굿! 내일도 힘내보자~
  • From 서진 : 어쩌다 어려운 기능을 맡아서.. 내가 꿀기능만 쏙쏙 먹은 탓인듯해.. 그래도 오늘 야무지게 많이 해낸거 대단하다!! 내일 사진업로드도 함께 화이팅이닷!!!
  • From 찬희 : 매번 복잡한 기능 잘 만들어줘서 너무 감사!!!

서진

• Fact : 채널추가 모달을 만들고 API를 연결하고 선택 채널 색상을 바꾸었다
• Feeling : 이제 리덕스에 적응한 것 같다! 다른 팀원들이 잘 해주어서 할 일이 없었다
• Finding : 내가 만든 함수형 컴포넌트에 onClick 이벤트를 onClick이라는 예약어로 등록할 수가 없다,,,,
• Feedback :
  • From 효근 : 오늘 여러가지 작업을 뚝딱뚝딱하는 모습이 대단해보이더라! 거기다가 나정이를 도와주는 여유까지..ㄷㄷ 오늘도 배웁니다..
  • From 찬희 : 모달 컴포넌트를 엄청 잘 만들어줘서 우리팀 생산성이 크게 증가한 것 같음! 늘 좋은 코드 작성해줘서 고마워!
  • From 나정 : 오늘도 기능 하나 완성! 고생했어~ 도와줘서 고마워!! 내일 이미지업로드 잘해보자..!

찬희

• Fact : dev 브랜치용 배포 서버를 만들었다. chat 컴포넌트 스크롤을 개선했다. 백엔드 코드에서 하드코딩 된 부분을 제거했다.
• Feeling : 버전업을 왜 함부로 하지 말라는지 오늘 뼈져리게 느꼈다. 새 배포서버는 우분투 16.04가 아닌 20.04를 사용했는데, 이로인해 apt-get으로 설치하는 패키지들의 버전도 크게 바뀌어서 설정해야할 것들이 조금씩 바뀌어서 헤멧다...
• Finding : MySQL 인증 플러그인 종류가 많다. Node.js의 MySQL 드라이버는 auth_socket 플러그인을 통한 인증을 지원하지 않아 연결하려면 인증 플러그인 변경이 필요하다.
• Feedback :
  • From 효근 : dev전용 배포를 또하나 만드니까 너무 좋다.. ㅋㅋㅋㅋ 이게 진짜 필요한 건지 느꼈어! 아주 고마워 대단해!!!👍👍👍
  • From 서진 : dev 전용 배포도 하고 mySQL 신버전과도 굳세게 겨뤄서 이겨내고 넘 수고 많았다ㅜㅜ 진짜 풀스택 멋쟁이..
  • From 나정 : 배포가 진짜 어렵다ㅜㅜ 성공해서 다행이다 멘탈관리 파이팅이야.. 고생했어!!

효근

• Fact : 화상채팅에서 음성크기를 바탕으로 테두리를 주는 기능을 구현했다.
• Feeling : RTC.. 자료 왜이렇게 없을까.. 영어 실력이 늘은 것 같다!
• Finding : RTC를 잘 이용해서 소켓은 최대한 적게 사용하는 것이 좋은 것 같다!
• Feedback :
  • From 서진 : RTC 자료 많이 없어서 힘들지.. 그래도 기능 끝까지 만들고 이쁘고 자연스럽게 돌아가게 한것이 대단하다!!
  • From 찬희 : 양방향 통신은 늘 어려운듯! 흐름이 복잡해 질 수 밖에 없어서 정신 잠깐 놓으면 엄청 헤메는 것 같어!
  • From 나정 : 라이브러리도 없이 구현하느라 넘 고생했다!! 기능 깔끔하게 잘 구현했더라 대단해!

11/16 (화)

나정

• Fact : 오브젝트 스토리지로 파일 업로드를 구현했다.
• Feeling : 멘탈이 너무 흔들렸다.. 지난주부터 순탄하게 개발을 한 적이 없다 흑흑 이러면서 잘해지는거겠지...? 제발
• Finding : 오류를 잘 해결하려면 영어를 잘해야한다. 흐규흐규
• Feedback :
  • From 효근 : 나한테 화내지마라~ 오늘 멋진 기능 만드느라 수고했어~ 대박대박! 이미지가 들어가니 좋네~
  • From 서진 : 잘하고 있어!!! 오브젝트 스토리지의 은인2222!! 오류 나는거 빼고는 진짜 다잘하잖아!!! 나중에 다 좋은 밑거름들이 될것이여..!!
  • From 찬희 : 이제 몇주 안남았으니 멘탈 잘 잡고 힘내자! 이미지 업로드 기능 멋짐!

서진

• Fact : 오브젝트 스토리지의 세계에 접선했고 드디어 그룹 생성 시 썸네일을 첨부할 수 있다
• Feeling : 옛날부터 하고 싶었던 기능이었는데 데브옵스 설정하는 것 외에는 생각보다 할 일이 없었다. 근데 데브옵스 설정하는게 제일 큰 일이었다,, 내가 인프라를 담당하는 사람이라면 무조건 열심히 문서를 작성해야겠다는 생각이 든다.
• Finding : 포스트맨으로 시그니처 키를 생성해서 auth에 사용할수 있다!! 왕신기
• Feedback :
  • From 효근 : 항상 침착한 말투로 상냥하게 말하는게 참 듣기 좋은 것 같아! 라디오 키고 하는 느낌? ㅋㅋㅋ 친절한 개발자 서진님 오늘도 고생하셨어요~
  • From 찬희 : 포스트맨 왜 많이들 쓰는지 알 것 같다. 그리고 포스트맨의 문서화 기능도 꽤 괜찮은듯? pre-request나 global-variable도 굉장히 유용한거같다! 오늘 이미지 업로드 기능 멋지게 만들어줘서 고마워!
  • From 나정 : 서진아 멘탈 잡아줘서 고마워 ㅋㅋㅋ아 돼서 다행이다 히히 너무 고생했어요!!

찬희

• Fact : 어제, 오늘 기능개발 0개~
• Feeling : 뭔가 내가 개발한 기능이 별로 없는 것 같아 슬프다... 열심히 해야지! RTC 저번주에 너무 급하게 하느라 코드가 난장판이다. 기능을 더 붙이기가 힘들어서 엎고 다시 해야할지도 모른다는 생각에 가슴이 철렁...
• Finding : 현재 화면 stream을 얻어 오는건 생각보다 쉽다. 처음에 설계를 잘못하면 나중에 100배쯤 고생한다!
• Feedback :
  • From 효근 : 형.. 오늘 소켓 분리 대박이었어!! 형 기능개발은 걱정마! 우리 잘하고 있어! 형이 잡아줘서 우리의 플젝이 안 망가지는 것 같아! 고마워 항상 내일도 힘내보자~! 화이팅!!!👍👍
  • From 서진 : 오브젝트 스토리지의 은인!! 그런 생각 하지마ㅜㅜㅜ 우리 대한민국과 네이버를 지켜냈다 ㅎㅎ 끝까지 도전하는 자세 정말 배우고 싶어!!
  • From 나정 : 이미지 업로드 기능 개발의 공을 찬희느님에게 돌리겠습니다 크 하는법 안알려줬으면 아직도 못했을거야 고마워!! 오늘 개발도 고생했어!!!

효근

• Fact : 오늘 음소거 / camOff 시 그 사람의 썸네일을 보여주는 기능을 구현했다!
• Feeling : RTC..와 SWR 그리고 리액트의 만남이라.. 그거 참.. 쉽지 않다..
• Finding : 리렌더링과 RTC 과정 그리고 여러가지를 복합적으로 생각해야한다! 효과적인 렌더링을 위해서 Ref를 사용했다.
• Feedback :
  • From 서진 : 프론트엔드 난이도 최고봉 여러가지를 섞어먹느라 고생이 많다... 그래도 기능들 많이많이 완성해나가고 배우고 있는게 많으니까 앞으로도 화이팅이다!!!
  • From 찬희 : 효근효근님 저번주부터 기능을 많이 추가하시는 모습을 보니 너무 본받고 싶읍니다. 멋짐! 내가 지난주에 RTC 개판으로 짜놔서 고생이 많네 ㅠㅠ
  • From 나정 : 화상회의가 점점 발전되고있다! 멋있어~~~ 조금 오류난다고 생각하는거는 뭐어때! 기능 구현만으로도 대단한걸 오늘도 고생했어!

11/17 (수)

나정

• Fact : 채팅에서 파일 업로드를 구현하기 위해 채팅 레이아웃을 수정하고 효근이랑 화상회의 접속인원 출력, 인원제한을 구현했다
• Feeling : 어렵당.. 다른 사람 코드를 고치는건 어렵다. 내 코드를 다른 사람들이 고칠 필요가 없도록, 고치더라도 잘 이해할 수 있도록 코드를 작성해야겠다.
• Finding : 설계를 통해 생각을 하면서 코드를 짜니까 더 완벽한 구현이 가능하다
• Feedback :
  • From 효근 : 오늘 재밌었어 깐부프로그래밍! 어려울때는 적어가면서 하는게 좋은 듯!
  • From 서진 : 마자마자.. 다른 사람 코드를 고치는 것은 어려웠다... 그래도 오늘 완벽한 구현을 했다니 부럽고 멋있다!!
  • From 찬희 : 저번주의 내가 남긴 구데기 코드들을 이겨내고 기능을 붙이고 개선하다니.. 대단하다!

서진

• Fact : 유저 프로필을 조회하는 모달을 만들었다.

• Feeling : 3주차인데 오늘 처음 리덕스와 SWR 쪽을 따로 손댔다. 여기서 시간을 좀 많이 쓴 것 같다. 그렇지만 파일이 쪼개져 있으면 나중에 개발할 때 정말 좋다.

• Finding : 이렇게 하면 userID가 없는 경우 swr 요청을 안 보낼 수 있다.

  const { data: otherUserData, ...rest } = useSWR(
      userID ? API_URL.user.getOtherUserdata(userID) : null,
      getFetcher,
  );
  

• Feedback :

  • From 효근 : 내가 짠 코드를 기반으로 하니까 힘들지? ㅠㅠ 그래도 아까 살짝 보니까 구현이 장난아니더라 난 이제 모달 보면 너 생각날거같아! 대박이야 내일도 수고하고 깐부 조만간 한번하자!
  • From 찬희 : 우리팀 모달 마스터 ㄷㄷㄷㄷㄷ 모달모달님
  • From 나정 : 오오 대단하다~ 난 아직 SWR 작성 안해봤어 코드 보고 공부해야지! 우리의 업로드 파일 함수도 쪼개봐도 좋을 것 같아! 프로필 구현 대단하다.. 나도 빨리 해서 보여줄게 ㅋㅋ 고생했어~

찬희

• Fact : 화면 공유 기능을 드디어! 드디어! 만들었다!
• Feeling : state로 관리할것과 ref로 관리해야할 것을 잘... 구분해야한다! 학습 스프린트 때 부터 느꼈는데 아직도 무지성... 코딩... 반성반성
• Finding : 나는 아직도 React에 익숙하지 않다!
• Feedback :
  • From 효근 : 화면공유 도와준다고 했는데 버그 잡느라 미안해 형~ ref가 좋기도 할 때가 있지~ 그래도 형이 하면 몬가 잘 될 것 같은 느낌! 오늘도 수고했어!
  • From 서진 : 오늘 넘 고생 많았다!!! 난 야매로 하는 것도 감성 있고 멋있다고 생각해 ㅎㅎ!! 무엇보다 브라우저 터지지 않고 끝까지 돌아간다는게 정말 대단하다!!!
  • From 나정 : ref로 관리해야 되는게 뭔지도 모른다 난.... 아직 배울 게 많구만 화면공유기능 대단하다!! 고생했어!! 최적화를 후다닥 대단해

효근

• Fact : 오늘은 버그를 수정하는 하루였다! 그리고 접속인원 제한을 주는 기능을 구현했다.
• Feeling : 침착하게 적어가면서 코딩하는게 좋다는 것을 느꼈다.
• Finding : 다른 사람의 코드를 이해하는 것도 실력이라고 생각한다. 그래서 앞으로 다른 사람의 코드를 많이 봐야겠다고 생각한다.
• Feedback :
  • From 서진 : 버그 수정이랑 코드 리팩토링까지 고생이 많았다!!! 나도 코드를 앞으로 멋있게 짜보도록 할게 ..!!!
  • From 찬희 : 구데기 코드를 남겨드려 죄송합니다! 앞으로 잘하겠습니다!
  • From 나정 : 오늘 같이 코드 확인해줘서 고마워 너 아니었으면 계속 못했을거야.. 스터디까지 하고 고생했어요~~

11/18 (목)

나정

• Fact : 채팅에 이미지 여러장 업로드를 구현했다. 그리고 빈화면에 채널 선택 문구 넣기, 채팅 레이아웃 변경, 그룹 목록 애니메이션 등 여러가지 잡일을 했다.
• Feeling : CSS는 완벽하게 하려면 너무 어렵다 이런! 버그를 결국 고치지 못하고 PR을 날렸다
• Finding : flex-wrap: wrap; 을 알게 되었다! div가 부모에 넘쳐서 속터져 죽는줄알았는데 이걸로 한방에 해결이되었다 ㅎㅎㅎㅎ
• Feedback :
  • From 효근 : 오늘 CSS하느라 고생했어~ 잘 만든거 보니까 너무 기분좋다..ㅎㅎ
  • From 서진 : 이미지 여러장 업로드랑 채팅에 쏴주는거 넘 수고 많았어!! 애니메이션도 있어서 한층 우리꺼 퀄리티가 높아진 것 가타!!!
  • From 찬희 : CSS 너무 어썸하다. 2주차때부터 쭉 느끼지만 너무 감사드립니다 ㅎㅎ

서진

• Fact : 유저 정보 수정 모달을 드디어 완료했다.
• Feeling : 생각보다 이번주에 한 일이 많아서 뿌듯했다. 모달도 많이 쓰이는 만큼 더 분리하면 좋을 것 같다. css 너무 어렵다.
• Finding : object-fit: cover; 이 것으로 이미지의 비율을 조정할 수 있다. 또한 많은 속성들을 적용해야 하는 상황이라면 last-child, first-child 대신 다른 클래스를 줘도 좋다!
• Feedback :
  • From 효근 : 프로필 클릭하고 이쁘게 모달 나오고 없어지는 것 보니까 진짜 장난아니더라.. 잘해잘해.. 이번주도 수고했어~
  • From 찬희 : 프로필 이미지 수정 기능이 생기니 '진짜' 서비스가 된 것 같음! 배포해서 같이 써보니까 느낀다
  • From 나정 : 목표한만큼 기능을 구현했네! 오전에 typeORM이랑 CSS 도와줘서 고마워~~~ 버그도 빨리빨리 고치고 대단하다! 고생했어~~~~

찬희

• Fact : 화면 공유 만들었어요! 화상 채팅이 좀 더 풍성해졌어요!
• Feeling : 우리가 쓰던걸 따라 만든걸 쓰니까 재밋다! 채팅만 해도 재밋음 ㅎㅎ 그리고 굉장히 사소한 부분이 사용 경험을 좌우하는 것 같다. 커서 모양이라던가 스크롤이라던가
• Finding : object-fit을 cover로 설정하면 이미지 비율을 유지하면서 채워준다! 너무 멋져!
• Feedback :
  • From 효근 : 화면공유 도와준다고 했는데 내 버그를 고치느라 ㅠㅠ 미안해~ 그래도 혼자서도 잘 만들어내는 그저.. 어우... 고마워.. 주륵..👍👍😭
  • From 서진 : 화면 공유 진짜 너무 수고많았어 ... API가 어떻게 쓰여있든 잘 해독하고 알맞게 쓸 수 있는 능력이 있어서 멋있다!!
  • From 나정 : 이번주 최고 중요한 기능 완성했다! 대단해! 멘토링때도 항상 도움이되는 질문 해주셔서 감사합니다~~ 고생하셨습니다!

효근

• Fact : 오늘은 현재 접속을 파악하는 모든 로직을 손을 보았다! 현재 접속 목록이든 미팅 참여자든 중복을 허용하도록 로직을 바꾸고 스피커 차단 기능을 구현했다.
• Feeling : 소켓이 재밌다.. 왔다갔다하는게 마치 내 기분같다!!! 개발은 재밌어 ㅎㅎ
• Finding : 버그없이 만들 수는 없지만 ㅠㅠ 버그를 최대한 빨리 고쳐야한다!
• Feedback :
  • From 서진 : 이번주에 RTC 관련해서 여러가지 자잘하지만 중요하고 어려운 기능들을 해줘서 제공되는 기능이 엄청 풍성해졌다!!! 굿굿굿
  • From 찬희 : 로그인 유저 목록 기능을 엄청 완성도 있게 구현하려 하는 모습이 너무 멋진것 같음! 그리고 화상 채팅에 기능 붙인것들도 너무 좋다! 한주간 고생하셨습니다!
  • From 나정 : 모든 화상기능을 다 구현한 것 같은데!? 대단하다!! 현재 접속 목록이 되게 관리하기 어려운데 계속 손봐서 완벽해지는 것 같다! 고생했어!

11/19 (금)

나정

• Fact : 데모 발표를 하고 피어세션, 기술 공유, 마스터 클래스에 참여했다.
• Feeling : 금요일이 제일 피곤하다. 버그들을 남겨놓고 쉬는 게 마음이 불편하다ㅠ
• Finding : 모두가 백엔드에서 파일을 업로드하는데는 이유가 있었다.. 백엔드에서 파일 업로드를 해야 보안상 문제가 없다
• Feedback :
  • From 효근 : 1주일 동안 수고 많았다. 1주일동안 괴롭혀서 미안해~
  • From 서진 : 1주일 동안 수고 많았어~ 항상 문서들 꼼꼼하게 정리해주어서 고맙다!! 깐부 치고 함께한 순간이 많이 없었는데! 그래도 함께할 때 즐거웠고 기능도 결국 잘 구현해서 행복했어!!
  • From 찬희 : 1주일 동안 수고 많았음! 제가 보안 생각을 미처 못하고 아이디어를 내서 미안하게 됐읍니다 ㅠㅠ

서진

• Fact : 데모 발표를 진행하고 잠깐 개발을 손에서 놨다.
• Feeling : 우리 조 꺼만 보느라 다른 조의 작품들을 못 보았는데 다들 열심히 많이 진행해서 큰 감동을 받았다. 한 주 남았다는게 믿기지 않는다.
• Finding : 프론트에서 보내려면 signed url을 써야 한다..
• Feedback :
  • From 효근 : 서진서진의 말투가 좋아서 한 주 동안 협업하는데 너무 좋았어~ 다음주 마지막이니까 마지막까지 힘내서 잘부탁해~ 담주에 깐부 한번하자~
  • From 찬희 : 너무 늦게까지 하지않아도 되니 힘들면 낮잠도 자고 체력관리 잘 합시다! 여태 서진서진이 우리팀에 많은걸 해줬으니 맘편히 쉬어도 되지 않을까?? 고생많았고 마지막까지 화이팅하자! 이제 진짜 진짜 진짜 곧 끝!
  • From 나정 : 개발을 손에서 놓는다 하고 issue를 생성하셨던데..? 서진이 요즘 늦게 일어나는거 보면 바빠서 많이 피곤한 것 같아 ㅠ 우리 이제 큰 기능은 거의 다 했으니까 쉬엄쉬엄 해도 될거야~~~ 조금 남았으니까 힘내자! 한 주 동안 고생 많았어!

찬희

• Fact : 피어세션과 기술공유를 하고, 술트리밍팀과 서로 코드리뷰를 했다! 개발? 오늘은 휴업!
• Feeling : 이제 마지막이 다가오는게 조금씩 실감나기 시작했다... 기분이 엄청 이상함!
• Finding : Web Speech API는 공짜다! S3에는 signed url이라는 기능이 있다!
• Feedback :
  • From 효근 : 1주일동안 수고했어 형~ 항상 누군가 해야할 일을 먼저 해주는 모습이 아주 보기 좋았어! 배울게 히히.. 배울수 있을까? 배울게 그래도!!
  • From 서진 : 1주일동안 수고했어 형님~ 항상 우리 팀원들의 이슈를 깊게 생각해주고 정석 방법을 찾아주려 노력해주고 좋은 자료도 보내주어서 고맙다!!
  • From 나정 : 1주일동안 수고했어 오빠~ 매번 역대급 난이도를 갱신하는 기능들 ㄷ ㄷ 끝까지 해내서 대단하다! 평일에는 제대로 못봤는데 주말동안 코드짠거 보고 열심히 이해해볼게 진짜 끝이 다가오네.. 마지막까지 힘내보자!~

효근

• Fact : 오늘은 개발은 하지 않았다. 다른 조 분들과 아이디어를 공유했다.
• Feeling : 다른 조들의 프로젝트를 보니까 많이 재밌었다! 다음 주도 힘내야겠다!!
• Finding : 다음주에 할 것들을 정리하는 시간도 필요할 것 같다! 이제는 거의 끝이다!!!
• Feedback :
  • From 서진 : 수고했어 1주일동안~!! 미미하지만 어려운 기능들을 묵묵하게 꼼꼼하게 처리해주고 PR도 구체적으로 작성해주어서 고마웠다!!
  • From 찬희 : 줌이나 디스코드에서 코드에 관해 이야기 나눌때 너무 즐거웠음! 항상 같이 고민해주고 얘기 나눠줘서 고마워! 그리고 PR 엄청 자세해졌더라 ㄷㄷㄷ 한말은 지킨다 효근!
  • From 나정 : 수고했어 1주일동안~ 내가 남기고간 똥코드때문에 고생많았지 내 기능 다시 고치면서 버그도 다 해결해줘서 고마워! 다음주 마지막 개발주까지 파이팅해보자! 다음주엔 채팅으로 넘어와~~~