이 글은 스프링 라이브러리 implementation 'org.springframework.boot:spring-boot-starter-oauth2-client' 를 이용해서 제작하였고, JWT발급방식은implementation 'io.jsonwebtoken:jjwt-api:0.12.3'implementation 'io.jsonwebtoken:jjwt-impl:0.12.3'implementation 'io.jsonwebtoken:jjwt-jackson:0.12.3'JWT 0.12.3입니다. 소셜로그인 순서도1. 클라이언트에서 spring-boot-starter-oauth2-client에 저장되어 있는 로그인창 주소인window.location.href = "http://localhost:8080/oaut..
백엔드 + 프론트 연결 중 CORS 에러 발생, 근데 preflight는 뭐야? 와이어샤크로 검출해보니tcp에서 syn -> (syn,ack) - > ack로 3way handshake로 잘 받고 options요청(preflight)으로 보내기 시작하는데 하던 중 갑자기 403을 내려버려서 http요청을 받지도 못하고 종료되었다.도대체 뭘까? CORS 에러 트래킹 과정postman으로 API요청 확인 → 살아있다면 → 서버 양호개발자도구(F12) 켜서 클라(리액트)로 접근하기 → CORS 확인SOP(same-origin policy)란?출처가 다른 애플리케이션이 통신하는 데에 아무런 제약이 없다면1. 악의적인 사용자가 `CSRF`or`XSS` 등의 공격을 통해 사용자 민감한 정보를 탈취가능2. 누구나..
클라이언트 사이드 랜더링을 기준으로 설명합니다.카카오 공식문서: https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com에서 순서도를 참고하면 좋습니다.알면 좋은 점1. 소셜 로그인은 (백엔드 or프론트)한 부분에서 전부 맡아서 진행하는 게 안정적이다.2. 상태관리는 백엔드에서만 진행한다.명칭 얼라인1. Service Client: 프론트(리액트)2.Service Server: 백엔드(스프링)3. Kakao Auth Server: 카카오 인증 서..