Peer session 2

두근두근 Uber clone 프로젝트 피어세션

피어세션 17

참여자

• J113 양아림
• J118 오지훈
• J166 이헌준
• J167 이호영
• J186 정수원
• J194 조찬영

✋ 질문시간

IKEYTAX가 궁금한 점 💬

Q. 다들 서버에서 인증관련 로직은 어떻게 구현하셨나요??
Answer by B. directive 적용했습니다.
Answer by C.graphql-passport랑 jwt-passport 적용했습니다. (directives 적용하려고 합니다)

Q. C팀 회원가입 시 유효성 검사는 아직 구현이 안되신 건가요??
Answer by B.
Answer by C. 넵 미구현입니다. 회원가입이랑 로그인이 드라이버/라이더 구분의 역할만 한다고 생각 했습니다.

Q. 구글 맵 로딩이 왜 이렇게 다들 빠르신가요??
Answer by B. 인터넷이 빨라서???? 다른 처리 안해줬습니다
Answer by C. 저희도 따로 처리 안해준것 같습니다...

자버택시가 궁금한 점 🚕 💬

Q. 같은 유저가 드라이버/일반유저로 동시 접속 가능?불가능? 어떻게 짜고 계신가요
Answer by A. 동시 접속 불가능으로 구현하고 있습니다. (DB에 유저 타입을 넣어줬어용)
Answer by C. 불가능으로 구현하고 있습니다.

Q. 크롬에서 GPS 쓰려면 https 쓰라고 하던데 어떻게 해결하실건가요?
Answer by A. 저희 조는 4명 모두 프론트다 보니 배포에 관심이 없어서 로컬에서만 테스트 하고 있습니다. (해당 문제를 아직 못만남)
Answer by C. 이거 프록시 우회로 해결을 시도해 볼 예정입니다.

Uber가 궁금한점 💬 🚖

Q. 경로설정 페이지에서 장소를 입력하는 방식이 어떻게 되나요(자동완성 쓰나요?)
Answer by A. 네 저희는 자동완성 쓰고 장소가 셀렉트 됐을 때 해당 장송의 위도,경도 값으로 핀을 찍고 있습니다!
Answer by B. 아직 구현안했지만 자동완성 쓰려고 하고있습니다.

Q. 모바일 버전에서 클릭 이벤트 인식안되는 이슈는 혹시 없으셨나요?
Answer by A. 저희는 해당 이슈는 없었던 것 같아요...?
Answer by B. 저희도 이슈 없었습니다.

Q. 좌표로 찍은 장소를 주소로 변경해주는 방식이 어떻게 되시나요?
Answer by A.어.. 저희는 장소를 선택하면 주소가 나와서 그 주소를 좌표로 변경해서 핀을 찍었어요..
Answer by B. 아직 구현이 안되서 모르겠는데... API가 주변장소를 찾아주는 기능이 있다고 알아요.

Q. 리덕스에서 관리하는 상태 값이 어떤게 있으신가요? 저희는 모든 상태를 다 넣어서 하고있다가 피드백에서 최소한의 최소한 만 쓰라고 하셔서 큰일...
Answer by A. 저희는 아직 리덕스에서 상태관리를 안하고 있습니다.(아직 저장할 값을 찾지 못했어용)(구현은 해놨는데)
Answer by B. 필요할 거 같은 부분(위치)에만 리덕스 사용하고 있습니다.

피어세션 16

참여자

• J053 김종은
• J054 김진관
• J059 김학준
• 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팀은 드라이버에 요청 메시지 뜨는 것까지