| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- 자바스크립트코딩테스트
- 리액트쿼리
- 자바스크립트 알고리즘 문제
- stack문제
- 알고리즘문제풀이
- 자바스크립트 알고리즘
- 자바스크립트 문제풀이
- Next
- 타입스크립트
- leetcode
- 자바스크립트
- 자바스크립트 문제
- 프론트엔드
- til
- 제로베이스
- NPM
- Baekjoon
- lodash
- JS
- 리액트
- HTML
- leetcode문제풀이
- CSS
- react
- JavaScript
- 자바스크립트 연결리스트
- 프로그래머스
- next13
- 자바스크립트 문제 풀이
- Next.js13
- Today
- Total
목록OAuth (2)
코드노트
구글, 네이버, 카카오 Oauth 소셜로그인 인가코드 구현
Next.js 13 OAuth(소셜 로그인) 사용방법 정리, feat.Google/Kakao / Naver 이번 개인프로젝트에서 OAuth 소셜 로그인을 등록하면서 구글, 카카오, 네이버를 모두 연결하였는데 Next.js 에서 사용할 수 있는 방법을 정리해 놓으려고 한다. Next.js 13 버전을 사용하고 있기 때문 codeno-te.tistory.com 이전 포스팅에서 소셜로그인 관련해서 next.js에서 Oauth를 NextAuth를 통해서 구현하는 방법을 정리했었다. 이번 포스팅은 인가코드를 통해서 백엔드로 토큰을 보내고 로그인을 구현하는 방법을 정리하려고 한다. 서버와 함께 인가코드를 사용해서 로그인을 구현하게 되면 단계는 이렇다. 1. SNS(구글, 네이버, 카카오 .. ) 등을 통해 cli..
Next.js 13 OAuth(소셜 로그인) 사용방법 정리, feat.Google/Kakao / Naver
이번 개인프로젝트에서 OAuth 소셜 로그인을 등록하면서 구글, 카카오, 네이버를 모두 연결하였는데 Next.js 에서 사용할 수 있는 방법을 정리해 놓으려고 한다. Next.js 13 버전을 사용하고 있기 때문에 NextAuth.js 에서 자세하게 설명이 되어있다. 사용방법은 어렵지 않다. 13버전에서 이제는 app 폴더에서 사용할 수 있다. Initialization | NextAuth.js The main entry point of NextAuth.js is the NextAuth method that you import from next-auth. It handles different types of requests, as defined in the REST API section. next-aut..