본문 바로가기

Dot Programming

[스프링 웹앱 프로젝트 #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..
[스프링 웹앱 프로젝트 #9]회원 가입 인증 메일 확인
Dot Programming/Spring Clone 2020. 11. 19. [스프링 웹앱 프로젝트 #9]회원 가입 인증 메일 확인 회원 가입 : 인증 메일 확인 GET "/check-email-token" token = ${token} email = ${email} 요청 처리 > 이메일이 정확하지 않은 경우에 대한 에러 처리 > 토큰이 정확하지 않은 경우에 대한 에러 처리 > 이메일과 토큰이 정확한 경우 가입 완료 처리 >> 가입 일시 설정 >> 이메일 인증 여부 true로 설정 인증 확인 뷰 > 입력값에 오류가 있는 경우 적절한 메세지 출력 > 인증이 완료된 경우, 환영 문구와 함께 몇 번째 사용자인지 보여줄 것 백엔드 로직 작성 AccountController.class @Slf4j @Controller @RequiredArgsConstructor public class AccountController { private fina..
[스프링 웹앱 프로젝트 #8]회원 가입 패스워드 인코딩
Dot Programming/Spring Clone 2020. 11. 19. [스프링 웹앱 프로젝트 #8]회원 가입 패스워드 인코딩 d회원 가입 : 패스워드 인코더 절대로 패스워드를 평문으로 저장해서는 안된다. > Account 엔티티를 저장할 때 패스워드 인코딩하기 스프링 시큐리티 권장 PasswordEncoder > PasswordEncoderFactories.createDelegatingPasswordEncoder() > 여러 해시 알고리즘을 지원하는 패스워드 인코더 > 기본 알고리즘 bcrypt 해싱 알고리즘 솔트(salt) > 해싱 알고리즘을 쓰는 이유? jong123@naver.com /1234 -> aaabbb > 솔트를 쓰는 이유? 1234 -> aaabbb 보안 취약 / 1234 + salt -> asgbd2 PasswordEncoder Bean생성 AppConfig.class @Configuration public ..
[스프링 웹앱 프로젝트 #7]회원가입 : 리팩토링 및 테스트
Dot Programming/Spring Clone 2020. 11. 18. [스프링 웹앱 프로젝트 #7]회원가입 : 리팩토링 및 테스트 #7 회원가입 리팩토링 및 테스트 리팩토링 하기 전에 테스트 코드를 먼저 작성하자. → 그래야 코드를 변경한 이후에 불안하지 않다. → 변경한 코드가 무언가를 깨트리지 않았다는 것을 확인할 수 있다. 테스트 할 것 → 폼에 이상한 값들이 들어간 경우에 다시 폼이 보여지는가? → 폼에 값이 정상적인 경우 → 가입한 회원 데이터가 존재하는가? → 이메일이 보내지는가? 리팩토링 → 메소드가 너무 길지 않은가? → 코드를 읽기 쉬운가? → 내가 작성한 코드를 내가 읽기 어렵다면 남들에겐 훨씬 더 어렵다. → 코드가 적절한 위치에 있는가? → 객체들 사이의 의존 관계 → 책임이 너무 많지는 않는지 테스트 코드 작성하기 1. 회원가입 처리 - 입력값 오류 403 error 이메일, 비밀번호 입력값 오류 → isOk..

티스토리툴바

티스토리툴바