Server Programming (200) 썸네일형 리스트형 [스프링 풀스택 클론 코딩] 타임리프의 fragment 기능 https://www.thymeleaf.org/doc/articles/thymeleaf3migration.html Thymeleaf 3 ten-minute migration guide - Thymeleaf Thymeleaf 3 replaces the set of template modes from previous versions. The new template modes are: There are two markup template modes (HTML and XML), three textual template modes (TEXT, JAVASCRIPT and CSS) and a no-op template mode (RAW). The HTML templat www.thymeleaf.org thmleaf의.. [스프링 풀스택 클론 코딩 - 회원가입] (1-14) 뷰 중복 코드 제거 fragments 로그인 가입 알림 스터디 개설 프로필 Username 프로필 스터디 설정 로그아웃 © 2020 index 데모 sign-up 계정 만들기 닉네임 공백없이 문자와 숫자로만 3자 이상 20자 이내로 입력하세요. 가입후에 변경할 수 있습니다. 닉네임을 입력하세요. Nickname Error 이메일 스터디올래는 사용자의 이메일을 공개하지 않습니다. 이메일을 입력하세요. Email Error 패스워드 8자 이상 50자 이내로 입력하세요. 영문자, 숫자, 특수기호를 사용할 수 있으며 공백은 사용할 수 없습니다. 패스워드를 입력하세요. Password Error 가입하기 약관에 동의하시면 가입하기 버튼을 클릭하세요. checked-email 데모 이메일 확인 이메일 확인 링크가 정확하지 않습니다. .. [스프링 풀스택 클론 코딩 - 회원가입] (1-13) 프론트엔드 라이브러리 설정 index 로그인 가입 알림 스터디 개설 프로필 Username 프로필 스터디 설정 로그아웃 데모 © 2020 4.0.0 org.springframework.boot spring-boot-starter-parent 2.7.3 com.demo demo 0.0.1-SNAPSHOT demo Srping Boot Demo 11 org.springframework.boot spring-boot-starter-data-jpa org.springframework.boot spring-boot-starter-mail org.junit.jupiter junit-jupiter-api test org.springframework.boot spring-boot-starter-security org.springframework.. [스프링 풀스택 클론 코딩] Node.js (npm) 연동 Node.js 설치 후 프로젝트의 /static 경로에 npm init을 이용해 부트스트랩을 설치한다. cd spring_dev/main/src/resources/static npm init npm install bootstrap npm install jquery --save .gitignore ##NPM## src/main/resources/static/node_modules src/main/resources/static/node -> 업데이트를 안하도록 설정 빌드 설정 -> 메이븐 빌드시, static 디렉토리에 있는 package.json도 빌드하도록 com.github.eirslett frontend-maven-plugin 1.8.0 v4.6.0 src/main/resources/static in.. [스프링 풀스택 클론 코딩] 로그인 여부에 따른 네비게이션 메뉴 구성 의존성 추가 후 네임스페이스 설정 org.springframework.security spring-security-test test xmlns:sec="http://www.thymeleaf.org/extras/spring-security" index 로그인 가입 알림 스터디 개설 프로필 Username 프로필 스터디 설정 로그아웃 데모 © 2020 로그인 가입 알림 스터디 개설 프로필 로그인 상태 일때 : 알림, 스터디 개설, 프로필 메뉴 로그아웃 상태 일때 : 로그인, 가입 메뉴 Username 프로필 스터디 설정 로그아웃 로그인 상태일때, 로그인된 아이디의 이름을 출력한다. Username [스프링 풀스택 클론 코딩 - 회원가입] (1-12) 회원 가입 메인 네비게이션 메뉴 강의에 사용되었던 버전과 달라, 현재 버전에 맞춰서 사용해야한다. index.html 로그인 가입 알림 스터디 개설 프로필 Username 프로필 스터디 설정 로그아웃 데모 © 2020 https://getbootstrap.com/docs/5.2/components/dropdowns/ Dropdowns Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. getbootstrap.com [스프링 풀스택 클론 코딩] 회원 가입 완료 후 자동 로그인해야하는 경우 authenticatied는 mockMvc에서 제공하는 기능이다. @DisplayName("회원 가입 화면이 보이는지 테스트") .andExpect(unauthenticated()); @DisplayName("회원 가입 처리 - 입력값 오류") .andExpect(unauthenticated()); @DisplayName("회원 가입 처리 - 입력값 정상") .andExpect(authenticated().withUsername("@")); @DisplayName("인증 메일 확인 - 입력값 오류 ") .andExpect(unauthenticated()); @DisplayName("인증 메일 확인 - 입력값 정상") .andExpect(authenticated().withUsername("@")); Ac.. [스프링 풀스택 클론 코딩 - 회원가입] (1-11) 회원 가입 완료 후 자동 로그인 회원가입, 이메일 인증 완료시 자동 로그인 -> 컨트롤러에서 회원가입 완료, 토큰 일치 확인 = completeSignUp() 후 자동로그인 AccountService package com.demo.account; import java.util.List; import org.springframework.mail.SimpleMailMessage; import org.springframework.mail.javamail.JavaMailSender; import org.springframework.security.authentication.AuthenticationManager; import org.springframework.security.authentication.UsernamePasswordAuthen.. 이전 1 ··· 20 21 22 23 24 25 다음