I T H

이번 챕터는 마이페이지의 이미지 파일 업로드에 대해 다뤄보고자 한다. 마이페이지에서 사용자가 원하는 이미지를 등록할 수 있고, 이미지를 제거 할 수 있다. Frontend [ pages / Mypage / index.tsx ] - 아래 코드를 추가해준다. - "이미지 업로드 컴포넌트 UserImageFile"에 props로 myData의 userImage와 함수 handleUmageChange를 보내준다. //이미지 업로드 함수 const handleImageChange = (updatedImage: string) => { setMydata((prevState) => ({ ...prevState, userImage: updatedImage, })); }; 이미지 [ pages / Mypage / User..

로그인한 정보를 통해 마이페이지에 접속하여 사용자 정보를 조회 및 수정할 수 있는 페이지를 구현. 로그인 시 세션에 아이디를 저장해놓고 마이페이지에서 사용자 정보 조회 시 세션 정보를 가져와서 아이디를 사용하도록 함. * 마이페이지에서 비밀번호를 입력하지 않는 경우는 비밀번호를 제외한 정보를 수정하도록 함. * 반대로 비밀번호까지 입력하면 비밀번호를 포함하여 모든 정보를 수정하도록 함. [ 로그인 성공 후 success 핸들러에 추가함 - CustomAuthenticationSuccessHandler.java ] // 세션에 아이디 정보 담기 HttpSession session = request.getSession(true); Object principal = authentication.getPrinci..