프로젝트 정리
30. 알림 설정
알림 설정 뷰 알림 설정 특정 웹 서비스 이벤트(스터디 생성, 참가 신청 결과, 참여중인 스터디)에 대한 정보를 이메일로 받을지, 웹 알림 메시지로 받을지 선택하는 기능. 물론 둘 다 받을 수도 있음. 부트스트랩 Form 실습 시작 커밋: https://github.com/devjun63/whiteship-studyolle/commit/97241f09c5ebe1e28c825ab722e510318008929f 완료 커밋: https://github.com/devjun63/whiteship-studyolle/commit/5dfd08c07eb67a1ceed6d8a1e4ddc2a6fc5469a5 29. 패스워드 수정 테스트 · devjun63/whiteship-studyolle@97241f0 Permalink ..
29. 패스워드 수정 테스트
실습 시작 커밋: https://github.com/devjun63/whiteship-studyolle/commit/660ff6ab7b42b90b9ee98c0528c1739195bb9818 완료 커밋: https://github.com/devjun63/whiteship-studyolle/commit/97241f09c5ebe1e28c825ab722e510318008929f
28. 패스워드 수정
패스워드 변경 뷰 패스워드 변경 패스워드 탭 활성화. 새 패스워드와 새 패스워드 확인의 값이 일치해야 한다. 패스워드 인코딩 할 것! 둘 다 최소 8자에서 최대 50자 사이. 사용자 정보를 변경하는 작업. 실습 시작 커밋: https://github.com/devjun63/whiteship-studyolle/commit/0be78cc3fcc619d5b0fbe5f8ed0f1036533a4f5f 완료 커밋: https://github.com/devjun63/whiteship-studyolle/commit/660ff6ab7b42b90b9ee98c0528c1739195bb9818 27. 프로필 이미지 변경 · devjun63/whiteship-studyolle@0be78cc Cropper.js를 통한 이미지 잘..
27. 프로필 이미지 변경
아바타 이미지 잘라서 저장하기 프론트 라이브러리 설치 Cropper.JS npm install cropper npm install jquery-cropper Cropper.js 사용하기 $("#profile-image-file").change(function(e) { if (e.target.files.length === 1) { const reader = new FileReader(); reader.onload = e => { if (e.target.result) { let img = document.createElement("img"); img.id = 'new-profile'; img.src = e.target.result; img.width = 250; $newProfileImage.html(img..
25. 프로필 수정 처리
정말로 쉬운 폼 처리 비어있는 값을 허용한다. (기존에 있던 값을 삭제하고 싶을 수도 있기 때문에..) 중복된 값을 고민하지 않아도 된다. 확인할 내용은 입력 값의 길이 정도. 폼 처리 에러가 있는 경우 폼 다시 보여주기. 에러가 없는 경우 리다이렉트시에 간단한 데이터를 전달하고 싶다면? RedirectAttributes.addFlashAttribute() https://docs.spring.io/spring/docs/current/javadoc-api/org/springframework/web/servlet/mvc/support/RedirectAttributes.html AccountController @GetMapping("/check-email-token") public String checkEma..
24. 프로필 수정 폼
프로필 수정 뷰 컨트롤러 Bio, Link, Occupation, Location 정보만 입력받아서 Account 정보를 수정한다. 실습 시작 커밋: https://github.com/devjun63/whiteship-studyolle/commit/80556822d7310a98de49a3edae0db51d734cdf64 완료 커밋: https://github.com/devjun63/whiteship-studyolle/commit/aa47902ed3f52fad9b7d31073e84f1ed5770d50d 24. 프로필 수정 폼 · devjun63/whiteship-studyolle@aa47902 Permalink This commit does not belong to any branch on this rep..