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

이번에는 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 로그인 - 빠른 시작..

https://iwoohaha.tistory.com/340 에서 kakao 개발자 센터에서 OAuth2 를 이용하기 위한 기본 설정을 마쳤다.SpringBoot 에서 kakao 가 제공하는 OAuth2 기능을 사용하기 위한 첫번째 단계로 application.yml 에 설정값을 추가하는 방법은 다음과 같다.spring: security: oauth2: client: registration: kakao: client-id: [내 애플리케이션 > 앱 설정 > 앱 키 에서 확인 가능한 REST API 키] client-secret: [내 애플리케이션 > 제품 설정 > 카카오 로그인 > 보안 에서 확인 가능한 Client Sec..

kakao 로그인 연동하기 위해서 kakao 개발자 센터에서 해야 할 일이 있다.개발자 센터에 로그인한 후 상단의 내 애플리케이션 링크를 클릭하면 새로운 애플리케이션을 추가할 수 있다.애플리케이션을 추가할 때는 앱 이름, 회사명, 카테고리 정도의 입력이면 된다.추가된 애플리케이션이 내 애플리케이션 목록에 표시된다.추가된 애플리케이션 항목을 클릭하여 애플리케이션 대시보드 화면으로 이동하면 아래 스크린샷처럼 카카오 로그인이 OFF 상태인 것을 확인할 수가 있다.이제 카카오 로그인의 상태를 ON 으로 변경하는 과정을 살펴보자. "설정하기" 버튼을 클릭하여 설정 화면으로 이동한다."Redirect URI 등록" 버튼을 클릭한 후에 카카오 로그인 성공시 그 정보를 전달받기 위한 Redirect URI 정보를 입력..

[정리]diary 프로젝트가 이메일 주소와 패스워드를 이용한 회원가입 절차만으로 구성되어 있다가,구글 로그인 기능을 연동하면서 구글 계정을 이용한 회원가입 절차와 로그인 기능(https://iwoohaha.tistory.com/320)이 통합(https://iwoohaha.tistory.com/334)되는 구조로 변경되었다.네이버 로그인 기능을 연동하려하니 이메일 주소를 제공하지 않는다는 점 때문에 소셜 로그인 기능을 사용하는 경우 회원정보 관리 테이블의 구조가 달라져야 하는 상황이 되었다.(https://iwoohaha.tistory.com/337)그리하여 https://iwoohaha.tistory.com/338 에서 소셜 로그인 기능으로 가입되는 회원정보를 저장할 테이블을 신규로 생성하여 구성하였다..