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

페이스북 공유내가 작성한 웹페이지를 공유하는 기능을 붙이기 위해서는 오픈그래프 메타태그를 삽입해야 한다. 오픈그래프 메타태그 삽입 위치는 사이이다.중요한 메타태그 종류는 다음과 같다.메타태그 propertycontent 값 또는 의미og:typearticleog:title페이지 제목og:image대표 이미지og:description페이지 설명실질적인 예를 들어보겠다.위 4개 항목만 있다면, SNS 공유에는 일단 문제가 없다. 4개 항목 중 og:title, og:image 항목은 페이지에 따라서 그 값이 달라질 수 있는 항목이다. 위의 예처럼 고정값을 넣는다면, 공유시 항상 동일한 내용으로 공유가 될 것이다.4개 항목을 사이에 삽입하고 아래와 같이 페이스북에 공유하는 자바스크립트를 코딩한다. f..

Dependencies : Spring Webbuild.gradledependencies { implementation 'org.springframework.boot:spring-boot-starter-web' testImplementation 'org.springframework.boot:spring-boot-starter-test'}application.propertiesspring.application.name=+ Dependencies : Lombokbuild.gradleconfigurations { compileOnly { extendsFrom annotationProcessor }}dependencies { implementation 'org.springframework.boot:spring..

HTTPS 로 실행하기 위해서는 SSL 인증서가 있어야 하는데, localhost 도메인에 대해서는 self-signed SSL 인증서를 만들면 된다.self-signed SSL 인증서를 만드는 방법은 다양한데, 많이 사용되는 방법 몇 가지만 알아본다.OpenSSL 을 사용하는 방법1. 비공개 키 생성openssl genrsa -out localhost.key 2048결과로 localhost.key 파일(개인키)이 생성된다.2. CSR(Certificate Signing Request) 생성SSL/TLS 인증서를 발급받기 위해서 인증기관(Certificate Authority, CA)에 제출하는 데이터 파일인데, 인증서를 요청하는 도메인 소유자의 정보를 암호화하여 담고 있다.openssl req -new..

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

이번에는 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..

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 ..

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..

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