[Next.js] local login (로컬로그인), social login (소셜로그인) (google(구글), discord(디스코드), github(깃허브)) 구현하기 (feat. mongodb)
·
웹개발
1. next-auth 라이브러리 다운로드 받고 데이터베이스 설정하기1-1. next-auth 라이브러리 다운로드우선 NextAuth 패키지를 설치해야 합니다. 터미널에서 아래 명령어를 실행하세요: npm install next-auth 또는 yarn을 사용한다면:yarn add next-auth 1-2. mongodb 데이터베이스 설치 및 설정하기MongoDB와 NextAuth를 연결하려면, 아래 패키지를 추가로 설치해야 합니다:npm install mongodb @next-auth/mongodb-adapter 또는 yarn을 사용한다면:yarn add mongodb @next-auth/mongodb-adapter 1-3. mongodb 페이지에서 데이터베이스 생성 및 콜렉션 생성하기 - 제가 사용..
[react, tyscript] 파이어베이스로 구글 로그인 구현하기
·
웹개발
1. https://console.firebase.google.com/에 로그인합니다. 로그인 - Google 계정이메일 또는 휴대전화accounts.google.com  2.프로젝트 추가를 클릭하여, 프로젝트를 추가합니다.  3. 프로젝트 생성 후, 웹에서 사용하려면 3번째 아이콘을 클릭합니다. 4. Firebase SDK 추가에서 사용할 코드를 보여줍니다. 이를 복사합니다. 5. 빌드 - Athentication에서 '시작하기' 를 클릭합니다.  6. 구글을 클릭하여 진행합니다. 7. 완성입니다.