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

예전 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 에서 소셜 로그인 기능으로 가입되는 회원정보를 저장할 테이블을 신규로 생성하여 구성하였다..

테이블 이름은 users컬럼 구성은 아래와 같다.생성 스크립트(PostgreSQL)CREATE TABLE public.users ( id serial NOT NULL, provider_user_id varchar(255) NOT NULL, provider varchar(50) NOT NULL, email varchar(255) NULL, name varchar(255) NULL, profile_image_url varchar(255) NULL, created_at timestamp with time zone DEFAULT now() NOT NULL, updated_at timestamp with time zone DEFAULT now() NULL, CONSTRAINT users_pk PRIMARY KE..

일단, 제목에 1차 시도라고 굳이 밝히고 있는 이유는 Naver 계정을 이용한 로그인 구현이 완료될 수 없는 지경임을 확인했기 때문이다.이번 포스트에서는 Naver 계정으로 로그인하는 기본 절차만 확인하고, 그 결과에 따라 회원정보 테이블 구조를 변경하는 작업을 수행한 후에 완료지을 예정이다.네이버 계정 로그인을 위한 네이버 개발자센터 설정내용은 https://iwoohaha.tistory.com/336 을 참고하자.로그인 폼에 네이버 계정 로그인을 위한 버튼을 추가한다. 별다른 설명없이 로그인폼에 배치한 구글 로그인 버튼의 스타일을 변경해봤는데, https://iwoohaha.tistory.com/333 에서 설명하는 css scanner 확장 프로그램의 도움을 받았다. --..