TIL. <22.05.17>

강형원·2022년 5월 17일
0

Project

목록 보기
14/18
post-thumbnail

오늘 해야 할 것

  • CICD
  • 카카오 로그인 되다 안되는 하는것 해결
  • 구글 로그인 구현 백엔드와 상의하기
  • 달력 디자인에 맞게 수정

오늘 공부 한 것

OAuth

  1. 사용자가 앱 접근을 로그인 요청을합니다.
  2. 앱에서는 OAuth를 제공하는 서비스(예를 들어 구글 인증 서버)에 로그인을 요청합니다.
  3. 인증 서버는 로그인 페이지를 제공하고 ID/PW를 요청합니다.
  4. 사용자가 ID/PW를 입력하면 인증 서버는 Authorization Code를 발급해 줍니다.
  5. 사용자는 Redirect Callback URI를 앱에 보냅니다.
  6. 앱은 인증 서버에 Access Token을 요청하고 인증 서버는 발급합니다.
  7. 앱은 Access Token을 저장하고 사용자를 인증완료 합니다.
  8. 사용자는 로그인에 성공하고 앱에 서비스를 요청합니다.
    (사용자는 인증이 끝났고 이제 앱에서 구글 리소스 서버에 유저의 프로필 같은 정보를 요청
    (REST API)해야 합니다.)
  9. 앱은 리소스 서버에 Access Token으로 API를 호출합니다.
  10. 리소스 서버는 Authorization code를 검증하고 정보를 제공합니다.
  11. 끝으로 앱은 유저에게 서비스를 제공합니다.

마무리

오늘은 CICD를 위해 Github Actions를 이용하여 무중단 배포를 시험해 봤습니다. 아직 프로젝트를 배포하지 않아서 리포를 포크로 찍어와서 연습을 했습니다.
구글 로그인은 카카오 로그인과는 또 다른 OAuth 방식을 쓰는것 같기에 이것을 적용하는데 시간이 더 걸릴 것 같습니다.
디자이너님이 달력 디자인을 수정하셔서 React-Calender 라이브러리의 속성들을 찾느라 시간을 좀 썼고 결국 원하는 디자인으로 적용했습니다.

profile
사람. 편하게.

0개의 댓글