Major- (863) 썸네일형 리스트형 [스프링 풀스택 클론 코딩 - 회원가입] (1-16) 현재 인증된 사용자 정보 참조 이메일 인증을 하지 않은 사용자에게 메시지 데모 가입을 완료하려면 계정 인증 이메일을 확인하세요. MainController package com.demo.main; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import com.demo.account.CurrentUser; import com.demo.domain.Account; @Controller //첫 페이지로 가는 요청 핸들러 작성 public class MainController { //스프링이 제공하는 @Authenticatio.. [스프링 풀스택 클론 코딩 - 회원가입] (1-15) 첫 페이지 보완 아이콘 추가 프로필 기본 이미지 생성 로그인 가입 [스프링 풀스택 클론 코딩] npm 라이브러리를 이용한 아이콘 추가 / jdenticon을 이용한 이미지 생성 npm install font-awesome npm install jdenticon 스크립트 추가 https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com https://jdenticon.com/ Jdenticon - Open source identicon generator In the browser Include the Jdenticon library somewhere on your page. Jdenticon is served from jsDelivr in thi.. [스프링 풀스택 클론 코딩] 타임리프의 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 ··· 42 43 44 45 46 47 48 ··· 108 다음
