nextjs 에서 구글 oAuth 인증으로 로그인하기(react-oauth/google)

react-oauth/google 라이브러리를 이용해 구글 oAuth 인증하기 소셜로그인 기능을 구현해두기 위한 초석으로 구글 auth 인증 기능을 구현중에 있습니다. 토이 프로젝트 개념으로 서버단과의 통신은 배제한 프론트 단에서 처리를 위한 베이스를 깔아두려고 프로젝트를 하나 만들었습니다. 아주 간단하게 구글 oAuth 인증을 통해 액세스 토큰을 발급받고 서버로 보내 로그인 여부를 체크하는 기능을 구현할건데 백엔드는 생략하고 프론트 부분에서 할 수있는 처리까지만 구현해보았습니다. 최종 결과물은 아래와 같이 Google 계정으로 로그인 버튼과 커스텀 로그인 버튼을 만들고 버튼 클릭 시 구글 계정으로 로그인을 진행하는 팝업 윈도우를 오픈하고 계정이 선택 될 시 인증성공과 함께 리턴되는 결과를 콘솔에 뿌리도..