Feat: 로컬용 로그인 버튼 추가

[ParkSohyunee]

개요

• 프론트엔드 개발할 때 사용하는 로컬용 API를 사용하여 로그인 기능을 구현했습니다.

작업 사항

• 기존 로컬 로그인 방법

  • 우리 서비스는 소셜로그인만 하고 있으므로 아이디, 패스워드 입력하는 로그인 페이지가 따로 없음
  • 개발할 때 필요한 로컬용 로그인을 하기위해 백엔드에서 개발한 로컬용 로그인 API 적용 후, 토큰 및 사용자 아이디를 쿠키 및 로컬스토리지에 개발자가 직접 넣는 방식

• 개선한 부분

  • 기존 사용하던 로그인 모달에 개발용 로그인 버튼을 추가 (*개발환경일때만 보이는 버튼입니다.)
  • 로그인 후 토큰 저장 방식 및 관리 방식은 기존 로직을 유지 (*accessToken(AT) 만료 후, refreshToken으로 AT를 새로 받아옵니다.)
  • 로컬용 로그인 후, 로그아웃 시 바로 토큰 및 사용자 정보 제거 로직 추가 (*production 로그아웃 시에는 카카오 API 로그아웃 과정이 추가되므로 개발용일때와 분리)
  • ver1.0때 만들어둔 임시 페이지 ('/login')는 제거하였습니다.

참고 사항

• 로그인 모달을 누르면 다음과 같이 [개발용 로그인] 버튼을 클릭하여 로그인 할 수 있습니다.
• 백엔드에서 전달 받은 각자의 아이디 및 공통 비밀번호는 .env.local 환경변수로 저장하고 사용합니다.
• 마이페이지(설정) - 로그아웃 시, 로그아웃 할 수 있습니다.

스크린샷

리뷰어에게

• 확인 부탁드립니다. 파이팅!! ✨

[vercel]

@ParkSohyunee is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.

[seoyoung-min]

LGGGGGGTM

[seoyoung-min]

소현님 동호님 덕분에 너무 편할 것 같아요!!🥹
먼저 버튼 만들어주셔서 감사합니다!!