2주차 피어세션 (2020.11.06)

피어세션

0. 피어세션 20 그룹

• 24조: 박기호, 강민수, 정지찬, 송진현
• 26조: 이소정, 박주영, 장우영, 차효준

1. GitHub 로그인 관련 이슈

• CORS 오류 발생
• reverse proxy를 쓰거나
• middle ware 프로그램 쓰거나
• 로그인 버튼을 anchor 태그로 감싸서 해결 (24조)

2. issue 목록 페이지에서 각각의 issue 내용 표시

• comment와 assignee까지 표시하기 위해서 모든 데이터를 DB에서 가져왔다.
• context 하나를 완전 상단에 위치해서 각각의 페이지에서 처리 진행
• 26조분들은 useState로 다 통제했다. 24조는 useReducer로 통제

3. 팀워크 다지기

• 서로의 주거지 토크
• 발표 관련 토크
• 데모 추억 되짚어보기

4. 모여서 했을 때

• 짝코딩할 때 너무 좋았다.
• 라이브 쉐어할 떄 옆에서 바로 바로 피드백이 너무 좋았다.
• zoom으로하면 좀 겹치는 부분에서 쉽게 해결되었다.

5. 프론트엔드 협업 분리

• 24
  • 4명이서 하나로 구현을 했다.
  • 이슈 생성 페이지 같은 경우 (헤더, 작성, 사이드바) 시각적으로 분리하고,
  • 하위 컴포넌트는 맡은 사람이 구현하고,
  • API 관련 부분도 맡은 사람이 다 구현하는 방식으로 진행
• 26
  • 공통 컴포넌트들은 INPUT 이런 부분은 나눠서 구현을 했다.
  • (재사용이 가능할 것 같은 애들은 따로 뽑아서 구현을 했다)
  • 아직 리액트에 익숙하지 않아서, 이슈 목록을 만드니 시간이 거의 다 지나갔고,
  • 이슈 목록, 로그인 페이지는 짝 코딩을 진행해서 거의 다 같이 구현을 했다.
  • 로그인 2명 붙고, 이슈 2명 붙는 방식으로 진행, 한 부분을 서로 서로 체인지해가면서 코딩을 해서 한 파일에 내 코드와 팀원 코드가 같이 존재해서 내가 안짠 부분도 쉽게 이해가 가고, 모르는 부분을 없앨 수 있었다. 마치 둘이서 구현했지만, 한 사람이 구현한 것 처럼 되었다.

6. 서로 코드 리뷰

• 26
  • 테스트 코드 작성!!
  • sequelize 안쓰고, sql로 해결
  • propsTypes 정의한 이유
    1. props를 넘겨줄 때 타입을 지정해서 넘겨줄 수 있다.
    2. 만약 props를 사용하지 않으면 eslint에서 에러를 잡을 수 있다.
    3. 따라서 재사용성을 위해 propsTypes를 지정해줘야 한다.