요즘 방문하는 사이트를 보면 소셜로그인 하나만 딱 해둔 곳보다 구글, 네이버, 페이스북 등등 이렇게 여러 옵션을 제공해 주는 곳들이 많습니다.  그래서 이번 포스팅에서는 네이버 소셜 로그인 구현을 추가로 해보려고 했습니다만....     그전에.... 이전 구글 소셜 로그인 커밋을 삭제했습니다. 😂😂😂구글 소셜 로그인 포스팅에는 위와 같은 +추가를 적어뒀고 어떤 일이 있었고 어떻게 해결했는지에 관해서는 이 포스팅에 기재했습니다. 혹시 관심 있으시다면 참고하셔도 좋을 것 같습니다.     OAuth2.0 관련 모든 코드가 사라져서, 다시 작업 후 리팩토링 진행하도록 하겠습니다. 🤦‍♂️👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻👨‍💻... 구글 소셜 로그인으..

OAuth2.0 소셜 로그인 회원 정보 받는 곳을 한 패키지에서 관리합니다.전 Google과 Naver만 구현했지만 트위터, 카카오 등 원하는 만큼 클래스를 생성해서 구현할 수 있습니다.     OAuth2UserInfopublic interface OAuth2UserInfo { String getProviderId(); String getProvider(); String getEmail(); String getName();}공통적으로 가져올 정보입니다.   GoogleUserInfopublic class GoogleUserInfo implements OAuth2UserInfo{ private Map attributes; // oauth2User.getAttributes()..

토이프로젝트를 하면서 OAuth2.0으로 구글 소셜 로그인 기능 구현 후 github에 코드를 올렸습니다.(A)분명 .gitignore에 해당 설정 파일을 추가했는데 git캐시 문제로 Credential 한 정보들이 노출되었습니다.    그 후로 캐시 내용을 전부 삭제 후 다시 커밋해서 내리긴 했지만(B) Credential한 정보가 담겨있는 커밋 내용(A)을 누르면 나오더군요... 아찔 합니다. github 보안팀에서도 제 메일로 "너 개인정보 노출됨! 알고 있는 거 맞아?"라는 메일이 왔습니다.      과거 git을 다뤘을 때 데이터를 날려먹거나 충돌난 적이 몇 번 있었어서 다시 만지기 두려웠지만, 해야죠 ㅎㅎ이런 일은 끔찍하지만 계속 해보면서 점점 자신감이 붙길 바랍니다.      커밋 히스토리를..

일반 로그인뿐만 아니라 OAuth2 로그인을 추가로 구현 후 통합 할 예정입니다. 관련 포스팅의 순서는 다음과 같습니다.소셜 로그인 (구글) - (13)[Refactoring] 여러 소셜 로그인을 위한 공통영역 분리소셜 로그인 (구글, 네이버) - (14)  이번 포스팅에서는 구글 소셜 로그인 구현에 집중해 보겠습니다.     시프링 시큐리티 설정build.gradle > dependencies 스프링 시큐리티 관련 의존성 추가// Oauth2implementation 'org.springframework.boot:spring-boot-starter-oauth2-client'spring-boot-starter-oauth2-client소셜 로그인 등 클라이언트 입장에서 소셜 기능 구현시 필요한 의존성spr..

OAuth2.0 로그인을 개발할 때 application-oauth.yml에는 id와 secret이 들어갑니다. 이 정보는 공유되면 안 되므로 .gitignore에 추가해야 합니다.    하지만 추가했음에도 git에 올라간다면git의 캐시 문제이므로 아래 명령어을 차례대로 실행해 캐시 내용을 전부 삭제 후 다시 커밋하면 됩니다. git rm -r --cached .git add .git commit -m "fixed untracked files"          해당 이슈를 발견한 포스팅은 [Cinemagram] 소셜 로그인 (구글) - (13)입니다.

10. 좋아요 기능 구현11. Popular 페이지 렌더링 포스팅에 이어 추가적으로 마우스 hover 시 좋아요 카운드를 보여주고프로필 사진 등록 구현까지 해서 Popular페이지와 Profile페이지를 마무리 짓도록 하겠습니다.     마우스 hover 시 좋아요 카운드 보여주기좋아요 기능 구현에서 만든 likesCount를 여기서 활용할 수 있습니다.   기능 구현할 수 있는 두 가지 방법 소개이렇게 찍어내는 방법에는 두 가지가 있습니다. html에 바로 로직을 넣는 방법서버에서 로직을 짜고 html에는 결과만 넘기는 방법 Case 1. html에 바로 로직 넣기 Case 2. 서버에서 로직을 짜고 html에는 결과만 넘기는 방법흐름 파악UserController @GetMapping("/user/{..