~☆~ 우하하!!~ 개발블로그

지금까지 5개의 소셜로그인을 이용한 로그인 및 회원가입 방법에 대해서 알아본 바 있다.SpringBoot 프로젝트 소스는 github 에 공개해놨다. https://github.com/woohahaApps/diary한 개의 포스트에서 각 소셜 로그인을 이용한 로그인 및 회원가입 방법에 대한 포스트 링크를 정리해두는게 좋을 것 같다. Google구글 개발자 센터에서 설정해야 할 내용 : https://iwoohaha.tistory.com/318 [소셜로그인] Google 계정을 연동하여 회원가입/로그인 하기 위해 Google Cloud 설정하기웹서핑을 하다보면 회원가입이 필요한 사이트에서 Continue with Google 이라는 버튼을 본 적이 있을거다. "Continue with Google" 버튼을..

내가 만약도메인을 소유하고 있고,Cloudflare 에서 DNS 를 관리하고 있다면,거의 고정 도메인을 사용할 수 있는 cloudflare tunnel 도구를 사용할 것을 추천한다.설치macOS 에서 Homebrew 가 설치되어 있다면, 다음 명령어로 cloudflare tunnel 을 설치할 수 있다.brew install cloudflaredmacOS 외에도 Linux, Windows 에도 cloudflared (Cloudflare Daemon) 를 설치할 수 있는데, 자세한 것은 https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/downloads/ 주소를 참고하면 된다.인증아래 명령어를 실행하면 인증 페이지가 ..

로컬에서 SpringBoot 프로젝트를 개발하는 도중에 웹브라우저에 입력하는 주소는 http://localhost:8080 이 기본이다. 그런데, https://iwoohaha.tistory.com/345 에서 설명하고 있는 Sign in with Apple 기능의 구현은 애플에서 localhost 를 허용하지 않기 때문에 로컬에서 테스트가 불가능한 상황이다.이런 경우에 외부에서 내 로컬 애플리케이션에 접근이 가능하도록 도와주는 도구가 있는데, ngrok 이다.ngrok 을 사용하게 되면 임의의 도메인이 localhost 에 매핑되므로 외부에서도 해당 도메인으로 내 애플리케이션에 접근할 수 있게 된다. 게다가 HTTPS 프로토콜로 접속할 수 있도록 해준다.이번 포스트에서 macOS 를 기준으로 ngrok..

이번에는 SpringBoot 프로젝트에서 Apple 계정으로 로그인하기를 구현해보려고 한다.Apple 에서 제공하는 Sign in with Apple (애플 계정으로 로그인) 기능을 사용하기 위해서는 애플 개발자 계정을 보유하고 있어야 하는데, 매년 십만원 넘게 결제해야 하는 부담이 있다.애플 개발자 계정으로 애플 개발자 센터(https://developer.apple.com/)에 로그인해서 설정해야 할 내용은 https://iwoohaha.tistory.com/345 글을 참고하기 바란다.SpringBoot 프로젝트의 login.html 파일에 Apple 버튼을 추가한다.... .css-1ti50tg { opacity: 1; transition: opacity 0.3s..

Apple 계정으로 로그인하기를 구현하기 위해서는 Apple 개발자 계정을 보유하고 있어야 하는데, 이게 유료다. 무료로 사용할 수 있는 방법이 없다. 만약 Apple 계정으로 로그인하기 기능을 구현해보려면 Apple 개발자 계정에 가입할 수 밖에 없다.Apple 계정으로 로그인하기 기능의 구현은 다른 소셜로그인(Google, Naver, Kakao, Facebook) 기능을 구현하는 방법과는 많이 다르다.이번 포스트에서는 Apple 계정으로 로그인하기 기능을 구현하기에 앞서 개발자 센터에서 설정해야 할 내용에 대해서 단계별로 살펴보려고 한다.일단, https://developer.apple.com/ 에 방문하여 Apple 개발자 계정으로 로그인한다.App ID 생성Identifiers 메뉴 화면으로 이..

예전 gmail 은 이메일 무한 만들기가 가능했으나, 정책상의 변경으로 인하여 이제 더 이상 무한 만들기는 불가능하다.https://iwoohaha.tistory.com/305 에서 추가의 이메일 계정을 만들려고 하다가 실패한 기록을 살펴볼 수 있다.심심해서 이메일 무료 계정 만들기를 검색해봤다가 찾은 무한 이메일 계정 만들기가 가능한 서비스를 찾았는데, proton.me 이다.https://proton.me/ Proton: Privacy by defaultOver 100 million people use Proton to stay private and secure online. Get a free Proton account and take back your privacy.proton.me핸드폰 번호 없..

Facebook 계정으로 로그인을 구현하기 위해서 선행되어야 할 작업은 Facebook 개발자 센터에서 앱 설정 작업이다. 이 작업 내용은 https://iwoohaha.tistory.com/342 을 참고하면 된다.application.yml 에 기록해야 할 설정값의 내용은 Google 로그인의 경우와 비슷하다. 비교를 위해서 Google 의 설정값을 함께 예시로 보여주고 있다.spring: security: oauth2: client: registration: facebook: client-id: # Facebook 애플리케이션 ID client-secret: # Facebook 애플리케이션 Secret ..

Facebook 개발자센터 (https://developers.facebook.com/) 에 방문한다.Meta for Developers 계정을 만든다.이메일 주소를 입력하고 이메일로 전송된 인증코드를 입력한다.앱 만들기 단계로 진입한다.앱 만들기 - 앱 이름, 앱 연락처 이메일앱 만들기 - 이용 사례 추가앱 만들기 - 비즈니스 포트폴리오 선택앱 만들기 - 완료 앱 - 대시보드Facebook 로그인 - 권한email 정보는 기본적으로 제공하지 않는 설정이므로 오른쪽의 추가 버튼을 눌러서 제공받을 항목에 포함시킬 수 있다.Facebook 로그인 - 설정클라이언트 OAuth 설정에서는 JavaScript SDK 에 허용된 도메인으로 테스트할 주소를 기록해주기만 하면 된다.Facebook 로그인 - 빠른 시작..