2024/02/13 2

Email 인증 로그인 시스템 구축하기

# 1. 전체 개발 프로세스 소개 1. 회원가입, 로그인 화면 개발 2. 사용자 이메일 인증번호 전송 및 인증번호 DB 저장 3. 사용자 인증번호 3분 이내 입력 3분 초과 시 재 전송 요청 4. 인증번호 매칭 시 회원가입 성공 후 화면으로 이동 해당 포스트는 react 화면단 보다 백엔드 프로세스를 실제 코드 및 설명 진행 # 2. 이메일 검증 프로세스 1. 이메일 전송 2. 서버에서 전송한 이메일로 인증번호 6자리 전달 3. 서버에서 해당 인증버호, 이메일 DB 저장 4. 사용자가 검증 버튼 클릭 하여 인증번호 확인 5. 인증번호 통과 시 회원가입 6. 인증번호 불일치 재 입력 또는 재발송 # 2. 개발환경 구성 react, spring, maven, postgreSql # 3. 개발 코드 및 설명 ..

WEB 2024.02.13

OAuth [JWT] 로그인 인증 시스템 구축

# 1 OAuth JWT 소셜 로그인 1. 소셜로그인 3가지 카카오, 네이버, 구글 # 개발환경 백엔드: spring-boot 2.6.4 maven 프론트엔드: react DB: postgreSQL 카카오 소셜로그인 OAuth 구현하기 ### 카카오 소셜로그인 전체 프로세스 1. 카카오 Developer 관련 api 및 관련 문서 해당 링크 : https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 카카오 콘솔에 필요한 내용 설정 3. 개발 환경 구성 4. 초기화 및 로그인 구현 # 2. 카카오..

WEB 2024.02.13