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

테이블 이름은 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 계정의 이메일 주소에는 . 포함이 허용되는데, 네이버 이메일 주소로는 . 포함이 허용되지 않는다.특수기호중에서는 언더바(_)나 대시(-)가..

https://iwoohaha.tistory.com/320 에서 Google 계정을 이용하여 로그인하는 과정을 살펴보았는데, 회원ID를 email 주소로 관리하고 있기 때문에 Google 로부터 전달받은 이메일 주소와 동일한 이메일 주소로 회원이 등록되어 있는 경우에 간단하게 로그인이 가능하게 되었다.이번에는 회원가입되지 않은 이메일 주소의 구글 계정 정보가 들어온 경우에 해당 이메일 주소로 회원가입을 진행한 후에 로그인시키도록 기능을 변경해보려고 한다.수정해야 할 주요 부분은 CustomOAuth2UserService 의 loadUser 함수 부분이다. @Override public OAuth2User loadUser(OAuth2UserRequest userRequest) throws OAu..

나홀로 웹 FrontEnd 프로젝트를 하다보면 디자인이 막막할 때가 한 두번이 아니다.이럴 때 잘 만들어진 웹사이트를 찾아다니다가 멋진 또는 잘 어울리는 스타일을 복사해서 붙여넣기하는 경우가 있는데, CSS 를 이용하여 디자인되는 사이트가 대부분이다보니 CSS 복사가 참 힘들다.CSS 복사해서 가져오기 유틸리티를 찾다가 CSS Scan 이라는 넘을 발견했다.https://chromewebstore.google.com/detail/css-scan/gieabiemggnpnminflinemaickipbebg?hl=ko-KR CSS Scan - Chrome 웹 스토어계산된 CSS를 신속하게 검사, 복사chromewebstore.google.comhttps://getcssscan.com/ 주소에서 판매를 하고 있..

사용자 생성과 데이터베이스 생성root 권한 사용자에게 소유권이 부여되면 된다.#!/bin/bash# 파라미터 확인 및 변수 할당if [ "$#" -ne 3 ]; then echo "Usage: $0 " exit 1fiDB_NAME="$1"DB_USER="$2"DB_PASSWORD="$3"# PostgreSQL 서비스 상태 확인echo "PostgreSQL 서비스 상태를 확인합니다..."sudo systemctl status postgresql | grep "Active: active (running)"# PostgreSQL 버전 확인echo "PostgreSQL 버전 확인:"psql --version# PostgreSQL 슈퍼유저 역할 생성sudo -u postgres psql postg..

사용자 생성과 DB 생성 스크립트반드시 homebrew 가 설치되어 있는 상태여야 하고,homebrew 를 이용하여 postgresql 을 설치한 상태여야 한다.#!/bin/bash# 파라미터 확인 및 변수 할당if [ "$#" -ne 3 ]; then echo "Usage: $0 " exit 1fiDB_NAME="$1"DB_USER="$2"DB_PASSWORD="$3"# PostgreSQL 서비스 상태 확인echo "PostgreSQL 서비스 상태를 확인합니다..."brew services list | grep "postgresql" | grep "started"# PostgreSQL 버전 확인echo "PostgreSQL 버전 확인:"psql --version# PostgreSQL 슈퍼..