boostcampwm-2021 / bookathon_b Goto Github PK

• GET /user/{userId}/commits
  • 해당 유저의 최근 한달간 커밋수를 담은 배열을 json으로 응답한다.
  • [ { day: "2021-08-25", commit: 5 }, { day: "2021-08-26", commit: 6 }, ..., { day: "2021-09-24", commit: 10 } ]
  • day는 해당하는 날짜, commit은 그 날의 커밋수를 나타낸다.
• GET /study/{teamId}/commits
  • 해당 팀의 모든 참가자의 당일 커밋수를 담은 배열을 json으로 응답한다.
  • [ { userId: String, commit: Integar }, { userId: String, commit: Integar }, ... ]
  • userId는 해당하는 팀원의 github id를 나타내며, commit은 그 팀원의 당일 커밋수를 나타낸다.

• GET /mail/:userId를 보내면, user에 저장이 되어 있는 email로 메일 전송

안녕하세요. 생활코딩에서 글을 보고

github 통해서 oauth 인증했는데, 로그인이 안되요.

계속 이창에서 인증받은 이메일로 로그인도 해보고 하는데 안되네요.

• Github OAuth 로그인이 가능하도록 구현한다,
  • 프론트엔드가 사용할 수 있는 라우팅 구현
  • 비즈니스 로직을 처리할 서비스 레이어 구현

클릭시 해당 스터디페이지로 이동

서버에서 받은데이터로 아래 정보 표시

• 제목 표시
• 설명 표시
• 스터디원 표시
• 자물쇠 표시 유무

• 스터디 참가 PUT /study/enter?userId=${userId}&&teamId=${teamId}
• 스터디 탈퇴 PUT /study/exit?userId=${userId}&&teamId=${teamId}

스터디 참가와 탈퇴는 team에 있는 userIds를 조작한다.
스터디 참가와 탈퇴는 상태만을 반환하고 따로 값을 반환하지 않는다.

• MongoDB의 데이터 모델링
  • team table 작성
  • user table 작성

• GET /user
  • 현재 로그인된 유저의 정보를 json으로 보내준다.
  • json의 형식은 다음과 같다.
  • { email: string|null, nickName: string|null }
    • email : 알림을 받을 이메일
    • nickName : 다른 사람에게 보일 닉네임
    • OAuth 로그인을 처음한 상태라면, email과 nickName에 null이 들어가있다.
• GET /auth/github
  • Github OAuth 로그인 페이지를 불러온다.
  • 로그인이 성공하면 쿠키와 세션을 통해 로그인을 관리한다.
  • 로그인 성공한 경우, 실패한 경우 모두 / 경로로 리다이렉트된다.
• POST /auth/logout
  • 로그아웃을 한다.
  • Response로 보내는 값은 없다. HTTP 상태코드가 200이면 성공한 것.
• POST /user/edit
  • 현재 로그인된 유저의 정보를 변경한다.
  • 로그인이 되어있지 않다면, 상태코드 401로 응답한다.
  • Request Body로 email과 nickName을 받는다.
  • email 혹은 nickName이 형식에 맞지 않는 경우, 상태 코드 400으로 응답한다.
  • email와 nickName이 적절할 경우, User정보를 업데이트하고, / 경로로 리다이렉트한다.

서버에서 받은 사진
아이디
닉네임
스터디 추가 버튼
스터디 가입 버튼

1. 스터디 그룹 생성
   • POST /study
   • Body : { title: "title", details: "detail" ,password: "optional"}
2. 스터디 그룹 삭제
   • DELETE /study/:teamId
3. 스터디 그룹 수정
   • PUT /study/:teamId
   • Body : {title:"title"}
4. 스터디 그룹 조회
   • GET /study?userId={userId}&title={title}

스터디 추가 버튼 => 생성페이지
스터디 가입 버튼 => 검색페이지

그래프 표시

• 스터디 페이지 그래프 컴포넌트 재활용

• team의 모든 id를 받아온다.
• team id를 활용해서 commit을 받는다.
• commit이 0인 사용자의 github id를 찾는다
• github id로 사용자를 찾아 email을 보낸다.

github API 혹은 크롤링을 사용하여, 커밋들의 정보를 받아오는 기능을 구현하자.

승락

• 리다이렉트

거절

• 버튼 아래에 거절 이유 표시

정보 표시

• 제목표시
• 설명표시
• 인원표시
• 자물쇠표시

가입 버튼

• 가입버튼

• API fetch하기
• url을 바꾸고 싹 다시 렌더링하는 방향에서 => prop을 바꿔 useEffect를 부르는 방향으로