728x90
반응형
SMALL

2024/11/11 3

2. Google 로그인 구현(Oauth2)

첫번째 이메일 인증에 이어서 이번에는 Google의 계정으로 로그인 기능을 시작하겠다.Google로 로그인을 하면 이메일 인증과 마찬가지로 뭔가 Google과 어떤 연결고리가 생기는거같고있어보이기 때문에 두번째로 선택했다. Google로 로그인하면 정말 편리하다.예전에는 웹이든 앱이든 하나하나 회원가입하는 과정이 귀찮았는데 카카오,네이버, 구글 같은 누구나 가지고있을만한 계정으로 로그인을 간단하게 해버리니 요즘 앱이나 웹에는 거의 필수로 사용되는것같다.환경WindowsVscode1. 그림과 같이 간단하게 세팅한다.2. 그리고 아래와 같이 입력해서 설치한다.npm install @react-oauth/googleApp.tsximport React from 'react';import { GoogleOAuth..

1. 이메일 인증하기 (spring boot + React)

일단 나는 자바 개발자이다. 지금부터 올리는 코드는 거의 자바로 서버를 만들고 React로 화면을 만들것이다.일단 앱이든 웹이든 이메일 인증 같은거 있으면 나름 있어보이는 프로젝트 같은 느낌이 들게한다. 구글 이메일로 인증을하면 뭔가 구글과 관련있어 보이는거같고 구글과 협업하는거같고 그렇다. 그래서 이메일인증을 첫번째로 하려고한다.환경WindowsIntelliJ (30일무료판)VscodeJAVA openjdk 17STS(스프링부트) :3.3.5mysql8node -v22.11.0npm - 10.9.0구글 이메일 서비스 (SMTP)redis  구글에 이메일을 보내기 위해서는 SMTP 서비스를 이용한다.SMTP는 대충 인터넷은 통해 이메일을 주고받을때 사용하는기능이다.개인이 만들면 많이 힘들어지니까 구글이나..

코드 모듈화 프로젝트란?

약 1년전 블로그하겠다고 설치던 내가 문득 떠올라서 보니 생각보다 많은 사람들이 블로그를 보고 있다는것을 확인했다 147명이나 내글을 봤다니 다시 블로그에 관심이 생겨간다그래서 새로운 프로젝트를 시작하려고한다 이름은 코드 모듈화 프로젝트.이제는 뭐든 할수있는 세상이 되어버렷다가난한 사람은 성공할수있는 기회가 생겻고, 노력만하면 무엇이든 이뤄낼수있는 세상이다웹이며 모바일 앱이며 세상에는 무수히 많은 콘텐츠로 경쟁하는  사람들이있다개발자인 내가 생각했을때 사람들이 사용하는 유튜브나 인스타그램 같은거도 모두다 어떤 개발언어로 시작해서 만들어진것이다. 요즘 앱이나 웹의 구조는 비슷하다.1. 로그인창 -구글, 카카오, 네이버 등2. 인증 - 이메일, 전화번호 같은거3. 회원가입 4. 메인콘텐츠 - 영상, 커뮤니티..

728x90
반응형
LIST