✨ feat: 로그인 기능 구현

[punchdrunkard]

요약

로그인 기능과 전역 인증 로직을 구현하였습니다.

사진 (구현 캡처)

직접 확인 부탁드립니다.

작업 내용

• [x] 필요한 라이브러리 설치 (next-cookies, react-cookie) 🔧 env: react-cookie 라이브러리 설치 🔧 env: next-cookies 라이브러리 설치
• [x] 로그인과 인증 처리를 위한 interceptor 로직 구현 ✨ feat: loginInterceptors 구현
• [x] cors를 위한 instance 설정 ✨ feat: instance에 withCredentials 옵션 추가
• [x] ✨ feat: 소셜 로그인 기능 구현
• [x] ✨ feat: user 인증 정보를 관리하는 전역 상태 구현
• [x] ✨ feat: 새로고침 시 로그인 유지되도록 처리
• [x] ✨ feat: 로그인 여부에 따른 헤더 분기 처리 구현

기타 (논의하고 싶은 부분)

로컬 환경에서 확인 부탁합니다. (preview 배포환경의 경우 구글에서 wildcard를 허락하지 않아서 확인할 수 없습니다..) 로컬 환경의 경우, https 설정과 .env 설정이 필요합니다. (https 환경에서 실행해야 합니다. 포트 3001번)

https 설정하기

• 터미널에 해당 커맨드 입력

  yarn init-https

• 참고자료

.env.local

NEXT_PUBLIC_API_END_POINT=https://danverse.o-r.kr/
NEXT_PUBLIC_GOOGLE_CLIENT_ID=660329626176-s20348mpdpcu5gojab3g4jl92lphm7n3.apps.googleusercontent.com
NEXT_PUBLIC_GOOGLE_REDIRECT_URI=https://localhost:3001/oauth/callback
NEXT_PUBLIC_GOOGLE_CLIENT_SECREET=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

• 회원가입 모달과 같은 부분은 전역 모달로 구현해야합니다.. 빨리 만들어보겠습니다 ㅜㅜ

타 직군 전달 사항

백엔드 전달 사항

디자이너 전달 사항

close #288

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
danverse	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Mar 1, 2023 at 5:48PM (UTC)

[punchdrunkard]

@jinyoung234