[Spring Boot] Google 소셜 로그인: 서버 단 Google OAuth2 API - 게시판 웹

[Spring Boot] Google 소셜 로그인: 서버 단 Google OAuth2 API - 게시판 웹

개요이전 포스팅에서는 HTML, JavaScript API만으로 구글 로그인 버튼(Iframe)을 렌더링하여, 아주 간단하게 구글 소셜 로그인을 구현했었다. 하지만 버튼 UI 커스터마이징에 한계가 명확하여 서버 단에서만 Google OAuth2 API로 인증하고 버튼을 자유롭게 만들 수 있도록 구현하도록 한다. 구글 OAuth2 인증 단계참조 Docs: https://developers.google.com/identity/protocols/oauth2?_gl=1*vvbfvd*_up*MQ..*_ga*MzM4ODY1MDMuMTcxMzA4MDcyOA..*_ga_34B604LFFQ*MTcxMzA4MDcyNy4xLjEuMTcxMzA4MTYxMi4wLjAuMA..&hl=ko#scenarios 구글 OAuth2 인증..

  • format_list_bulleted 토이 프로젝트/게시판 웹
  • · 2024. 4. 14.
  • textsms
[Spring Boot] Google 소셜 로그인: 가장 쉽게 구현하기(HTML, JavaScript API) - 게시판 웹

[Spring Boot] Google 소셜 로그인: 가장 쉽게 구현하기(HTML, JavaScript API) - 게시판 웹

개요 구글 소셜 로그인을 구현하는 가장 간단한 방법은 HTML, JavaScript API만을 사용해서 구글 로그인 버튼(Iframe)을 렌더링하고 인증하는 방법이다. 로그인 성공시 반환받는 Credential JWT 토큰을 복호화하여 사용자 정보에 접근할 수 있다. 사전 설정 이전 포스팅에서 GCP 사전 설정을 마친 후 Client id가 필요하다. https://srrymn.tistory.com/49 참조 migration 관련 https://developers.google.com/identity/oauth2/web/guides/migration-to-gis?hl=ko https://developers.google.com/identity/gsi/web/guides/overview?hl=ko 이전에 사..

  • format_list_bulleted 토이 프로젝트/게시판 웹
  • · 2024. 3. 18.
  • textsms
[Spring Boot] Google 소셜 로그인: GCP 사전 설정 - 게시판 웹

[Spring Boot] Google 소셜 로그인: GCP 사전 설정 - 게시판 웹

개요 https://developers.google.com/identity/oauth2/web/guides/migration-to-gis?hl=ko 이전의 사용하던 Google 소셜 로그인의 JavaScript 라이브러리는 지원이 중단되었다. 새로 만든 GCP(구글 클라우드 플랫폼) 프로젝트의 Client ID를 활용하고, 이전에 사용하던 로직 그대로 API를 사용하려 했는데 에러가 발생하며 사진0의 링크를 참조하라는 로그를 띄웠다. 새롭게 생성한 GCP 프로젝트의 Client id로는 새로운 API를 사용해야했다. 우선 GCP를 설정하는 방법을 기록한다. GCP 설정 구글 클라우드 플랫폼: https://console.cloud.google.com/welcome?hl=ko&project=mytest-4..

  • format_list_bulleted 토이 프로젝트/게시판 웹
  • · 2024. 3. 16.
  • textsms

[Spring Boot] Thymeleaf와 JSP 동시에 쓰기 - 게시판 웹

개요 View로 JSP를 사용하는 게시판과 Thymeleaf를 사용하는 게시판 2개로 나누기 위해 설정 파일에서 JSP와 Thymeleaf가 충돌나지 않도록 설정해준다. 설정 파일 #view resolver spring.mvc.view.prefix=/WEB-INF/views/ spring.mvc.view.suffix=.jsp #thymeleaf spring.thymeleaf.prefix=classpath:templates/ spring.thymeleaf.suffix=.html spring.thymeleaf.view-names=thymeleaf/* #on dev env spring.thymeleaf.cache=false 우선 JSP, Thymelaf 모두 prefix, suffix를 알맞게 설정한다. 두 ..

  • format_list_bulleted 토이 프로젝트/게시판 웹
  • · 2024. 3. 14.
  • textsms
[Spring Boot] 2.MariaDB 구성 - 게시판 웹

[Spring Boot] 2.MariaDB 구성 - 게시판 웹

개요 MariaDB 설치 후 데이터베이스 및 테이블을 구성한다. 데이터베이스 생성 DB GUI 툴은 무료 툴인 HeidiSQL을 사용한다. https://www.heidisql.com/download.php Download HeidiSQL Download HeidiSQL 12.6, released on 05 Nov 2023 Please disable your adblocker and reload the page to enable HeidiSQL downloads. Or, if you can't overcome the temptation, rightclick the anchor and click "copy link" to get it. Compatibility notes HeidiSQL ru www.hei..

  • format_list_bulleted 토이 프로젝트/게시판 웹
  • · 2024. 2. 28.
  • textsms
[Spring Boot] 1.MariaDB 설치 - 게시판 웹

[Spring Boot] 1.MariaDB 설치 - 게시판 웹

개요 이전에 연습용으로 작업해두었던 게시판 사이트를 살리고 조금 수정하려고한다. cafe24에 호스팅했두었었지만 현재는 기간이 만료되었다. 우선 로컬 환경에 Maria DB를 구성한다. Maria DB msi 다운로드 사진1과 같이 MariaDB 접속이 계속 실패하여 확인해보았더니 설치가 되어있지 않았다. 따라서 우선 로컬 환경에 MariaDB를 설치하려고 한다. https://mariadb.org/ MariaDB Foundation - MariaDB.org … Continue reading "MariaDB Foundation" mariadb.org 단순하게 다운로드를 하려면 위 링크에서 Download를 클릭하여 다운로드 페이지로 들어가서, 버전을 선택후 다운로드 받으면 된다. 하지만 어떤게 Stabl..

  • format_list_bulleted 토이 프로젝트/게시판 웹
  • · 2024. 2. 18.
  • textsms