WEEK5 회고

5주차 '이거외않됌' 그룹회고

J084 박기범(멍청이)

아쉬운 점

• HTTP에 대한 근본적인 이해 부족

  • 왜 nginx를 사용하는지, 왜 https를 사용하는지. 이들을 사용할때의 차이점은 무엇인지에 대해 명확히 인지하지 못했고, 따라서 필요성도 제대로 느끼지 못하였음
  • 하지만 다른 조들은 이미 그 중요성을 깨닫고 대부분이 적용한 상태.
  • 팀의 배포를 담당하면서 이런곳에 관심을 기울이지 않았다는 것 자체가 수치스럽고 죄송함 (사실 죄송하진 않음) >> ?
  • 리팩토링 주간동안 학습하여 반드시 배포에 적용하도록 할 예정.

• 프론트앤드의 fetch 요청 분리 미흡

  • 컴포넌트 내부에서 fetch를 지속적으로 호출하여 api를 사용. 이는 다음과 같은 문제점이 있음
    • 동일한 형태의 fetch 호출이 여러번 반복해서 일어남
    • 컴포넌트의 역할이 불분명해짐 (mvc 아키텍쳐, flux 아키텍쳐 참고)
  • 금일 마스터클래스 피드백에서도 언급되었듯이, fetch 요청을 간소화하는 방법에 대해 고민할 예정

• 백앤드 예외처리 미흡

  • 금일 데모에서도 있었듯이, 의도하지 않은 파일 처리에 대한 문제점이 여실히 드러남
  • 이에 따라, 확장자를 명확하게 제한하여 파일 업로드 요청을 받을 수 있도록 할 예정

• 백앤드 api 설계 미흡

  • 기본적인 rest API 설계론에 따라 사용하기 좋은 api의 설계에 시간을 투자하지 않았음
  • 제대로 된 method의 사용이 이루어지지 않고있음. (get, post 남용.)
    • 특히, post 메소드를 활용해 정보를 받아오기만 하는 메소드가 존재함
  • 제대로된 응답코드를 사용하지 않고 있음
  • 이 모든 점들을 고려하여 리팩토링을 진행할 예정

• 재현된 학습정리 부족

  • 파일처리까진 좋았으나, 이 후에 학습정리를 다시 등한시함.
  • 리팩토링 과정에서 내가 해야할 일이 무엇인지 명확해졌으니, 이 주간에 학습한것들을 반드시 정리할 예정

잘한 점

• 없음

J163 이진선

• 아쉬운 점

  • React에서 API 사용과 Socket사용을 혼용해서 비효율적인 통신을 만들어 놓은 것
    • Socket을 열어놓았으면 Socket으로만 통신하게 바꾸는게 좋을 것 같음.
  • Socket의 재사용성이 너무 떨어지게 구현함
    • 새로운 기능을 추가할 때마다 기존의 Socket을 활용하지 못하고 새로운 이벤트를 계속 생성함
    • 만들어 놓은 소켓을 더 이용할 수 있게 만드는게 좋을 것 같음
  • 백엔드, 프론트엔드 경계가 애매
    • Socket 통신을 많이 사용했는데 Backend에서 효율적으로 코드를 짜려고 고민을 하거나
    • 프론트에서 React 사용시 커스텀 훅 같은것을 잘 만들어서 Socket관리를 했어야 했는데
    • 이도 저도 아닌거 같아서 아쉬움
  • 타입스크립트 사용
    • 타입을 효율적으로 사용하지 못했고 any를 너무 남발함

• 잘한 점

  • Reducer를 사용하여 API 호출하는 부분을 컴포넌트에서 빼냈다.
  • 웨지감자 맛있다.

J006 곽성준

• 강제 reflow 방지나 검색 쿼리 개선 도전을 시도해보았지만, 제대로 개선이 됐는지 테스트를 해보지 못함.
  • 강제 reflow가 왜 성능 저하를 일으키는지 구체적으로 학습을 하지 못함.
  • fulltext search가 왜 빠른지 좀 더 이해가 필요할 것 같음
• 리액트에 대한 깊은 이해가 부족한 것 같음
  • 리액트의 경고 문구를 eslint가 알려주는대로 수정하다 보니, 이 오류가 왜 생기는지에 대해 깊은 이해가 부족한 것 같음
  • 나에게 익숙한 기능(hook)만 사용하는 것 같다. 커스텀 훅이나 기타 부가 기능을 좀 더 활용해보면 좋을 것 같음
• 타입 스크립트를 사용했지만 사용하지 않은 기분이 듦
  • 제네릭 같은 기능이 있지만 전혀 고려해보지 않음

J171 이홍덕

• 보다 사용자에게 유익한 방향으로 디자인을 해볼 수 있었음
  • 다만 사용자의 해상도를 고려하지 못한 것이 아쉬움
  • viewport를 이용한 크기 조정이나 반응형 디자인 등을 목표
  • css의 신
• 완성해둔 컴포넌트의 일부를 분리, 재사용할 수 있었음
  • 코드 자체를 날것으로 가져다 쓴 것은 아쉬움
  • 재조립을 할 수 있게끔, 완전히 분리된 하나의 컴포넌트로 해볼 것
• 리액트를 더 잘 써보자
  • react hook을 제대로 이해해 적합한 사용을 해볼 것
  • typescript docs를 정독하여 최적의 활용을 해볼 것
  • 폴더 구조 및 스타일시트를 기능에 맞게 잘 구분할 것