Spring-React-카카오-소셜-로그인-JWT
1.Spring-React : 카카오 소셜 로그인 + JWT (0) 전체 프로세스 알아보기
이 포스팅은 소셜 로그인의 전체 프로세스를 파악하기 위해 작성하며, 백 엔드와 프론트 엔드가 각각 나뉘어 있을 경우를 상정하여 설명한다. 도움이 되었으면 좋겠다!🥰💖OAuth는 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사
2.Spring-React : 카카오 소셜 로그인 + JWT (1) 카카오 엑세스 토큰 발급 받기
해당 프로젝트에서는 오로지 카카오 소셜 로그인 만 사용한다. ( ID/PW 사용안함! )리액트 프로젝트에서 인가코드를 받아오는 부분은 이 링크✅를 참고하여 구현하면 된다. 지금부터 포스팅할 내용은 프론트에서 인가코드를 받아왔다는 것을 가정하고 진행한다.기본 의존성 :S
3.Spring-React : 카카오 소셜 로그인 + JWT (2) 카카오에서 회원정보 요청후 DB에 저장하기
해당 프로젝트에서는 오로지 카카오 소셜 로그인 만 사용한다. ( ID/PW 사용안함! )리액트 프로젝트에서 인가코드를 받아오는 부분은 이 링크✅를 참고하여 구현하면 된다. 지금부터 포스팅할 내용은 프론트에서 인가코드를 받아왔다는 것을 가정하고 진행한다.기본 의존성 :S
4.Spring-React : 카카오 소셜 로그인 + JWT (3) JWT를 사용하기 전에 알아야 할 것들
(3) JWT를 사용하기 전에 알아야 할 것들 > ### 서론. 해당 프로젝트에서는 오로지 카카오 소셜 로그인 만 사용한다. ( ID/PW 사용안함! ) 이전 포스팅에서는 엑세스 토큰을 이용해 카카오 서버에서 사용자 정보를 받아오고 그것을 DB에 저장하는 법까지 알아
5.Spring-React : 카카오 소셜 로그인 + JWT (4) JWT를 생성해서 응답 헤더에 넣기
해당 프로젝트에서는 오로지 카카오 소셜 로그인 만 사용한다. ( ID/PW 사용안함! )이전 포스팅✅에서는 JWT 를 사용하기 전에 미리 알아두면 좋은 지식에 대해 이야기해보았다. 이어서 지식을 바탕으로 JWT 를 직접 생성해 응답 헤더에 넣어보자.기본 의존성 :Spr
6.Spring-React : 카카오 소셜 로그인 + JWT (5) JWT 유효성을 검사하고 인증된 사용자 정보 불러오기
해당 프로젝트에서는 오로지 카카오 소셜 로그인 만 사용한다. ( ID/PW 사용안함! )이전 포스팅✅에서는 JWT 를 직접 생성해 응답 헤더에 넣어보았다. 이번에는 요청 헤더에 들어온 JWT의 유효성을 검사하고, 인증된 사용자의 정보를 불러오도록 하자.기본 의존성 :S