구글 로그인을 구현하고 있는데 에러가 발생합니다. 

nextjs 12.3
next-auth 4.16.4 버전으로 개발하고 있습니다.

next-auth provider google을 사용해서 로컬에서는 로그인 테스트에 성공했는데, dev서버에 배포하고 로그인 시도하면 사진과 같이 redirect_url_mismatch 에러가 발생합니다. 

구글 클라우드 플랫폼에 dev서버용 redirect_url도 추가했습니다.
어떻게 검색해야 할지 몰라 질문 남깁니다. 




첨부해 주신 사진의 화면에서 Learn more을 클릭하면 구글에서 요청하는 redirect url을 확인할 수 있습니다.

확인한 URL이 구글 클라우드 콘솔에 입력한 URL값입니다. 

next-auth를 사용하고 있으시면 redirect url 요청을 받을 수 있도록 nextauth_url을 설정해야 하는걸로 알고 있는데요, 
https://next-auth.js.org/configuration/options#nextauth_url

nextauth_url을 설정하지 않으면 default값이 설정되어 클라우드 콘솔에 입력한 url과 상이하여 mismatch 에러를 발생시키는 것 같습니다.

개발 환경에따라 .env파일 만드시고 ex) .env.development, .env.production 
다음 값을 추가하고 테스트해보시겠어요?

NEXTAUTH_URL="https://[dev서버 도메인]/api/auth"

Software Engineer

성원

구글 로그인 redirect_url_mismatch

1. (첫 번째 사진이 문제 내용입니다.) 
사용자 정의 함수를 만들고 함수안에 While문과 break를 활용하여 아래 조건과 같은 프로그램을 만드세요.

2. (두 번째 사진이 문제 내용입니다.) 
아래의 조건에 맞는 클래스 Car를 만들고, 출력결과와 같이 객체를 생성하세요.

3. (세 번째 사진이 문제 내용입니다.) 
2 에서 객체를 생성하고 <출력결과>와 같이 메서드를 호출하세요.

python(while, break, class) 문제 풀어주실 수 있나요?

이번에 사이드 프로젝트에 새로 합류하게 되었는데, 전임 프론트 개발자 분이 Ant Design을 적용해놓고 가셨더라고요. 프로젝트 코드도 다 Ant Design 컴포넌트들로 적용이 된 상태입니다. 저는 사실 회사에서 이런 UI 라이브러리를 써본적은 없고 bootstrap 이나 tailwindcss로 구현된 내부 컴포넌트들 밖에 안 써봤는데요. 
혹시 실제 사용하는 서비스에서도 Ant Design 같은 UI 라이브러리를 사용하는지 궁금합니다!
추가로 최근 Storybook을 잠깐 봤는데, 이거는 UI 라이브러리인가요?

react 오픈소스 UI 라이브러리 쓰시나요?

안녕하세요 저는 react로 웹 개발을 하다가 최근에 react native 앱 개발을 하는 곳으로 이직했습니다
처음 react를 배울 때도 17버전이어서 함수형 컴포넌트로 배우고 공식 문서에도 함수형을 권장하던데 요번 회사에서는 전부다 클래스 형으로 되어있어서 react native에서는 클래스 형이 더 좋은지 궁금합니다.
또한 클래스를 함수형으로 리팩토링하게 된다면 팁 같은 게 있을까요?
선배님들의 조언 부탁드립니다.