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

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 확장 프로그램의 도움을 받았다. --..

네이버 개발자센터 주소는 https://developers.naver.com 이다. 이곳에 방문하여 로그인한다.Application - 애플리케이션 등록 화면으로 이동한다.처음 애플리케이션을 등록하는 상황이라면 약관동의 화면부터 표시된다.계정 설정을 하려면 휴대폰 인증 과정이 필요하다.인증을 완료한 후에 비로소 애플리케이션을 등록할 수 있다.애플리케이션 이름으로 diary 를 입력했고, 사용API 는 "네이버 로그인"을 선택한다.제공받을 정보로 "회원이름" 과 "프로필 사진" 을 선택하였다. "연락처 이메일 주소"는 회원정보 고유의 이메일 주소가 아닌 본인 인증용 이메일 주소로 입력한 이메일 주소이므로 네이버 정보로서는 의미없는 값이다. 운이 좋다면(사용자가 연락처 이메일 주소를 변경하지 않았다면) 첫번..

나는 이미 네이버ID를 보유하고 있다.그런데 이번에 소셜 로그인 기능을 구현하는 중에 또 다른 개발자 전용 네이버ID 를 만들어볼까 싶어서 네이버ID 추가로 만들기에 도전해본다.일단, 현재 로그인한 네이버ID를 로그아웃한다. naver.com 에 들어가서 로그인되어 있으면 로그아웃하면 된다.추가 ID 를 만들기 위해서 "회원가입" 링크를 클릭한다.일단 "실명 인증된 아이디로 가입" 은 체크를 해제한다. (나중에 실명 인증이 필요하게 되면 그때 할 예정이다. 지금 여기에서는 내가 이미 보유하고 있는 네이버ID 외에 추가로 생성하는 것이 목적이다.)이런 된장. Gmail 계정의 이메일 주소에는 . 포함이 허용되는데, 네이버 이메일 주소로는 . 포함이 허용되지 않는다.특수기호중에서는 언더바(_)나 대시(-)가..