I T H

이번 챕터는 사용자의 개인정보를 수정 및 조회 할 수 있는 마이페이지의 로직이다. 마이페이지 로직의 챕터(1)은 리덕스 스토어에 저장된 데이터를 불러와서 화면에 출력시켜주고, 수정된 데이터를 db로 보내 업데이트 시켜주는 과정까지 할 것이다. 다음 시간(2)에는 마이페이지의 이미지 업로드에 대해서 다뤄보겠다. Frontend [ types / mypage.ts ] - 먼저 마이페이지에서 쓸 타입들을 정해놨다. - 리덕스에서 불러온 데이터들을 useState의 값에 넣을 것이므로, 타입은 리덕스의 userData 타입들과 일치시켜준다. export interface mypageValue { userId: string; userPassword: string; userPasswordCheck: string; ..

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