본문 바로가기

ALL

[스프링 웹앱 프로젝트 #17] 가입 확인 이메일 재전송
Dot Programming/Spring Clone 2020. 12. 8. [스프링 웹앱 프로젝트 #17] 가입 확인 이메일 재전송 17. 가입 확인 이메일 재전송 기능 구현한 로직 > 가입 확인 이메일을 재전송할 수 있는 기능 제공 > 하지만, 너무 자주 이메일을 전송할 경우 리소스를 낭비할 수 있다는 문제가 있음 > 보완책으로, 1시간에 한번만 인증 메일을 전송할 수 있도록 제한한다. GET "/check-email" > 가입 확인 이메일을 전송한 이메일 주소 ( == 가입할 때 입력한 이메일 주소)를 화면에 보여줌 > 재전송 버튼 보여주기 > 재전송 버튼 클릭하면 GET "/resend-confirm-email" 요청 전송 GET "/resend-confirm-email" > 인증 메일을 다시 전송할 수 있는지 확인한 뒤에 > 보낼 수 있으면 전송하고, 첫 페이지로 리다이렉트 > 보낼 수 없으면 에러 메시지를 모델에 담아주고 이..
[스프링 웹앱 프로젝트 #16] 현재 인증된 사용자 정보 참조
Dot Programming/Spring Clone 2020. 12. 7. [스프링 웹앱 프로젝트 #16] 현재 인증된 사용자 정보 참조 17. 현재 인증된 사용자 정보 참조 스프링 시큐리티의 스프링 웹 MVC 지원 > @AuthenticaitonPrincipal >> 핸들러 매개변수로 현재 인증된 Principal을 참조할 수 있다. > Principal 위치? // Token자체가 Authentication으로 바뀌는데 첫 번째로 넘겨주는 파라미터가 Principal이 된다 public void login(Account account){ UsernamePasswordAuth~Token token = new Username~Token( account.getNickname(), account.getPassword(), List.of(new SimpleGrantedAuth~("ROLE_USER"))); SecurityContextHolder..
[스프링 웹앱 프로젝트 #15] 첫 페이지 보완 (Fontawesome, Jdenticon 사용)
Dot Programming/Spring Clone 2020. 12. 1. [스프링 웹앱 프로젝트 #15] 첫 페이지 보완 (Fontawesome, Jdenticon 사용) 16. 첫 페이지 보완 이번에 할 일 > 네비게이션 바에 Fontawesome으로 아이콘 추가 > 이메일 인증을 마치지 않은 사용자에게 메시지 보여주기 > jdenticon으로 프로필 기본 이미지 생성하기 NPM으로 프론트엔드 라이브러리 설치 > npm install font-awesome > npm install jdenticon Fontawesome(폰트어썸) 아이콘 사용하기 > Jdenticon으로 아바타 생성하기 > 타임리프 조건문 > th:if 부트스트랩 경고창 닷 스터디 가입을 완료하려면 계정 인증 이메일을 확인 하세요. font-awesome으로 아이콘 넣기 fragments.html 스터디 개설 주의사항 자바 스크립트를 추가할 때 /> 이렇게 닫지말고 > 이렇게 닫아줘야 한다. 아이콘 추가..
[스프링 웹앱 프로젝트 #14] 뷰 중복 코드 제거
Dot Programming/Spring Clone 2020. 11. 30. [스프링 웹앱 프로젝트 #14] 뷰 중복 코드 제거 15. 뷰 중복 코드 제거 타임리프 프래그먼트 (Fragment) 사용하기 > https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#including-template-fragments > 프래그먼트 정의 >> th:fragment > 프래그먼트 사용 >> th:insert >> th:replace 뷰 중복 코드 > 메인 네비게이션 > 하단 (footer) > 헤더 (head) 중복 코드 제거는 뷰 템플릿 엔진마다 방법이 다를 수 있다. fragment를 정의하는 fragments.html 파일 생성 내용 생략 © 2020 뷰 생성 위에 정의한 fragments.html :: head를 사용하려면 사용할 html파일에 th:repalce하면 된다..
[스프링 웹앱 프로젝트 #13] 프론트엔드 라이브러리 설정
Dot Programming/Spring Clone 2020. 11. 27. [스프링 웹앱 프로젝트 #13] 프론트엔드 라이브러리 설정 14. 프론트엔드 라이브러리 설정 WebJar vs NPM > 개인적으로는 WebJar보다는 NPM 선호 > WebJar는 라이브러리 업데이트가 느리다. 심지어 올라오지 않은 라이브러리도 많다. 스프링 부트와 NPM > src/main/resource/static 디렉토리 이하는 정적 리소스로 제공한다. (스프링 부트) > package.json에 프론트엔드 라이브러리를 제공한다. > 이 둘을 응용하면, 즉 static 디렉토리 아래에 package.json을 사용해서 라이브러리를 받아오면 정적 리소스로 프론트엔드 라이브러리를 사용할 수 있다. 빌드는 어떻게? > Gradle의 build.gradle (or 메이븐 pom.xml)을 빌드 할 때 static 디렉토리 아래에 있는 pacakge.json도 ..
[스프링 웹앱 프로젝트 #12] 회원 가입 메인 네비게이션 메뉴
Dot Programming/Spring Clone 2020. 11. 27. [스프링 웹앱 프로젝트 #12] 회원 가입 메인 네비게이션 메뉴 13. 회원 가입 : 메인 네비게이션 메뉴 변경 네비게이션 뷰 > 인증 정보가 없는 경우 > 인증 정보가 있는 경우 타임리프 스프링 시큐리티 org.thymeleaf.extras thymeleaf-extras-springsecurity5 인증 정보가 없는 경우 > 로그인 / 가입 버튼 보여주기 인증 정보가 있는 경우 > 알림/ 스터디 개설/ 프로필 드랍다운 메뉴 보여주기 > 이메일 인증을 하지 않은 사용자의 자동 로그인은 "인증" 경고 창 보여주기 타임리프 스프링 시큐리티 추가 index.html ... 로그인 가입 알림 스터디 개설 profile Username 프로필 스터디 설정 로그아웃 ... 인증 정보가 없는 경우 로그인/ 가입 버튼 보여주기 인증 정보가 있는 경우 알림 / 스터디 개설/ 프로필 ..
[스프링 웹앱 프로젝트 #11]회원 가입 완료 후 자동 로그인
Dot Programming/Spring Clone 2020. 11. 26. [스프링 웹앱 프로젝트 #11]회원 가입 완료 후 자동 로그인 12. 회원 가입 : 가입 완료 후 자동 로그인 목표 > 회원 가입 완료시 자동 로그인 > 이메일 인증 완료시 자동 로그인 스프링 시큐리티 관점에서 로그인 > SecurityContext에 Authentication(Token)이 존재하는가? > UsernamePasswordAuthenticationToken 뷰 > 이메일 인증을 하지 않은 사용자의 자동 로그인은 "인증" 경고 창 보여주기 > 이메일 인증을 마친 사용자의 자동 로그인 깔끔! > 메인 네비게이션 메뉴의 변경 이메일 체크 토큰 간단 리팩토링 //AccountController.class public String checkEmailToken(String token, String email, Model model){ !account.getEma..
[스프링 웹앱 프로젝트 #10]회원 가입 인증 메일 확인 테스트 및 리팩토링
Dot Programming/Spring Clone 2020. 11. 19. [스프링 웹앱 프로젝트 #10]회원 가입 인증 메일 확인 테스트 및 리팩토링 회원 가입 : 인증 메일 확인 테스트 및 리팩토링 테스트 > 입력값이 잘못 된 경우 >> error 프로퍼티가 model에 들어있는지 확인 >> 뷰 이름이 account/checked-email인지 확인 > 입력값이 올바른 경우 >> 모델에 error가 없는지 확인 >> 모델에 numberOfUser가 있는지 확인 >> 모델에 nickname이 있는지 확인 >> 뷰 이름 확인 리팩토링 > 코드의 위치가 적절한가? test코드 작성 @Transactional @SpringBootTest @AutoConfigureMockMvc class AccountControllerTest { @Autowired private MockMvc mockMvc; @Autowired private AccountRepository..

티스토리툴바

티스토리툴바