201127 peersession JE, HJ

피어세션 16

참여자

• J053 김종은
• J054 김진관
• J083 박인서
• J163 이진우
• J110 안소희

Q&A

• Antd Mobile
  • 디자인이 너무 없어요...
  • 없으면 antd로
  • 저희는 그래서 거의 수정해서 사용해요
  • material 쓸까 잠깐 고민..
  • 필요하면 styled-component 사용해서 직접 디자인
• 유저 인증 처리 어떻게 했는지
  • A 팀은 jwt와 access/refresh token 이용해서 처리했습니다.
  • C 팀은 간단하게 jwt랑 graphql-passport 사용해서 context에서 인증 여부 확인해서 다음 api로 user 객체 넘겨서 resolver에서 확인
  • B 팀은 jwt 써서 user/driver token을 발급하고 directive 방식으로 처리했습니다.
• react-google-map 어떤거 사용하셨나요?
  • C팀은 @react-google-maps/api 사용했습니다
    • autocomplete을 커스텀할 수 없어서 어려움
  • A팀도 @react-google-maps/api 사용했습니다~!
  • B팀은 google-map-react 사용했습니다
• 인증 처리 Graphql directives 어떤식으로 하셨는지 궁금합니다. 아직 제대로 못해서...
  • directive class?를 구현해서 authentication이 필요한 resolver에 적용
  • 인증처리 실패할 경우 throw error로 해결
• 경로 보여주는 거 어떻게 하셨나요 + 드레그앤드롭
  • map에서 dragstart, dragend 이용해서 커스텀
  • visible로 조절하고 dragend 했을 때 중심을 위치로 설정
• place autocomplete 안에 antd input item 컴포넌트 넣어도 잘 동작하나요?
  • B팀은 react-google-places-autocomplete 사용해서 구현했습니다..
  • A팀은 use-places-autocomplete 사용했습니다. 기능은 많은데 스타일 커스텀해야합니다...
• 로그인 회원가입 validation을 클라이언트 서버 다 하신건지?
  • 아직 validation 거의 안 했습니다.
  • 클라이언트에만 했습니다! 서버에도 할 계획은 있지만 후순위라서 시간이 남으면 할 것 같습니다.
• redux-library는 어떤거 사용하셨나요?
  • Redux를 써라!
  • 왜 redux-saga 쓰면 안되나요? => graphql로 다 되니 쓰지 말라고 하셨다네요
• 웹으로 구현하고 있는데 모바일에서 아무 문제없이 사용가능할까요??
  • 이벤트가 다르겠지만 이미 연동시켜놔서 문제없을듯
• 컴포넌트 관리나 디렉토리 구조는 어떻게 정하셨나요?
  • C팀이 멘토님에게 피드백 받음
    • 서버 → 관심사별로 묶는것 👍
    • container랑 presentational 분리. 시도는 좋지만 실제로 너무 재활용을 고려해서 하는건 어렵고 시간이 걸린다. 재활용성에 너무 집중하지 말고 큼직하게 구현하도록 피드백을 받음
    • 컴포넌트는 사용되는 기능 별로 묶어서 관리
• typescript 어렵습니다. 인정합니다...
  • 화가 나네요
  • 난생 처음보는 오류와 타입...
  • any지옥
  • Go to definition 꿀팁!!
• type 정의한혀 파일 따로 관리하는 방법 깔끔하게 어떻게 하나요?
  • 해당 컴포넌트에서만 사용될 것은 해당 파일에, 공통적으로 사용되는 것들은 별도 폴더에서 만들어 관리하고 있습니다
• 출발지랑 목적지 이어주는 거 어떻게?
• 원래 이번주 목표는?
  • A팀은 출발/목적지 선택하고 경로 표시까지였습니다. 중간에 코드를 크게 변경할 일이 생겨서 밤샘작업을 해서 끝냈지만 건강을 버렸습니다ㅎㅎ..
  • B팀은 출발/목적지 선택 후 경로 표시까지였는데 컴포넌트 구현은 완료된 상태이고 적용은 현재 위치 보여주는 것까지 구현된 상태입니다!!
  • C팀은 드라이버에 요청 메시지 뜨는 것까지