MakerHyeon

[SpringBoot] Security 네이버 로그인 네이버 개발자 사이트 - loginForm에 등록 네이버 로그인 - application.yml 추가 naver: client-id: smgzHgKqnDOVexvnukON client-secret: xqKSvPC9Ty scope: - name - email client-name: Naver authorization-grant-type: authorization_code redirect-uri: http://localhost:8080/login/oauth2/code/naver provider: naver: authorization-uri: https://nid.naver.com/oauth2.0/authorize token-uri: https://nid...

● Security 페이스북 로그인 (security facebook login) 페이스북 API 콘솔 바로가기 - loginForm.html에 페이스북 로그인 UI추가 구글 로그인 페이스북 로그인 회원가입을 아직 하지 않으셨나요? - application.yml 에 아이디,시크릿키 추가 facebook: client-id: 57755337384710656 client-secret: 6c474e4db28a061ad83cf137c8a9e95e56 scope: - email - public_profile - 구글 , 페이스북 로그인 분리 구현을 위해 OAuth2UserInfo interface 생성 public interface OAuth2UserInfo { String getProviderId(); Str..

● 구글 로그인 준비하기 구글 API 콘솔 바로가기 0. 프로젝트 생성 1. oauth 동의안구성 2. 사용자인증정보 -> Oauth client ID 만들기 -> 승인된 redirection(http://localhost:8080/login/oauth2/code/google) 3. dependency 추가 // build.gradle dependency 추가 implementation 'org.springframework.boot:spring-boot-starter-oauth2-client' 4. application.yml에 키 등록 security: oauth2: client: registration: google: client-id: 658211206947-ephbghihhrh662n8ks32ij..

[SpringBoot] Security 권한 부분 설정 1. 권한 업데이트 # MySQL update user set role = 'ROLE_MANAGE' where id = 2; update user set role = 'ROLE_ADMIN' where id = 3; 2. SecurityConfig @EnableGlobalMethodSecurity 어노테이션 붙여주기 // Secure,preAuthorize annotation 활성화 @EnableGlobalMethodSecurity(securedEnabled = true, prePostEnabled = true) public class SecurityConfig { ... 3. 메소드별 권한 설정 // IndexController.java @Secur..

[SpringBoot] Security 회원가입과 로그인 ● 회원가입 1. View Resolover 파일설정 // WebMvcConfig.java @Configuration public class WebMvcConfig implements WebMvcConfigurer { @Override public void configureViewResolvers(ViewResolverRegistry registry){ MustacheViewResolver resolver = new MustacheViewResolver(); resolver.setCharset("UTF-8"); resolver.setContentType("text/html; charset=UTF-8"); resolver.setPrefix("clas..

스토리 -스토리 페이징 로딩 구현 1. Story뷰 렌더링 - 스토리 데이터가 들어갈 class 생성 // story.jsp - Ajax로 데이터 뿌리기 function storyLoad() { $.ajax({ url:`/api/image?page=${page}`, dataType:"json", }).done(res=>{ res.data.content.forEach((image)=>{ let storyItem = getStoryItem(image); $("#storyList").append(storyItem); }) }).fail(error=>{ }) } storyLoad(); function getStoryItem(image) { let item = ` ${image.user.username} 3 li..

스토리 -스토리 API 1. 스토리 Query작성 - 쿼리 1: user(2) 가 구독하고있는 user(1,3)의 이미지정보 SELECT. 자기가 올린 이미지는 제외 (볼 필요 X) SELECT * FROM image WHERE userId IN (SELECT toUserId FROM subscribe WHERE fromuserId=2); ※ 주의 : Image를 들고올때 Image.user->User.images->Image.user무한참조 방지 - JsonIgonreProperties({"images"}) 를 걸어, user를 들고올때 Images 무시. // Image.java ... @JsonIgnoreProperties({"images"}) @JoinColumn(name="userId") @Ma..

구독정보 -뷰 렌더링/구독,구독취소기능구현 1. JSP 틀 만들기 // profile.jsp ... 구독정보 ... 2. JS에서 데이터 가져와 뿌려주기 // profile.js // (2) 구독자 정보 모달 보기 function subscribeInfoModalOpen(pageUserId) { $(".modal-subscribe").css("display", "flex"); $.ajax({ // 구독리스트 url: `/api/user/${pageUserId}/subscribe`, dataType: "json" }).done(res=>{ console.log(res); res.data.forEach((u) => { let item = getSubscribeModalItem(u); $("#subscribe..