#65 페이지 마이페이지

[twtwkim]

이슈 번호

close #65

변경 사항 요약

• 마이페이지에 사이드바 컴포넌트 적용했습니다.(네비바는 완성되면 추가할게요)
• 반응형에 따른 디자인 적용했습니다. 그 외 피그마 디자인에는 버튼으로 따로 분류되지 않은 페이지 상의 버튼이 있어서 공통 컴포넌트에 하나 추가했습니다😅
• 프로필 이미지 사진, 닉네임, 비밀번호 변경 및 결과에 따른 모달창까지 동작 확인했습니다.
• 로그인 시 가져오는 유저 정보가 필요해서 Redux로 세션스토리지에 userInfo라는 이름으로 담기도록 했습니다. 이를 활용해 마이페이지 접속시 로그인 계정에 따른 초기값을 input 창에 세팅했습니다.
• 팀장님 -> signin 경로의 index.ts 파일에 로그인 함수안에 리덕스 액션을 호출하는 코드를 추가했습니다😅

테스트 결과

<로그인 후 마이페이지 이동시 세션스토리지에 리덕스 상태 저장 및 초기값 출력>

<프로필 - 닉네임 수정시 모달창 발생 및 리덕스 상태 즉시 반영>

<비밀번호 변경 완료 및 모달창 발생>

<다른 페이지로 이동해도 리덕스 상태 유지>



<반응형>

리뷰포인트

• redux 디렉토리의 파일 안에 주석은 참고용으로 자잘하게 적었습니다. 이번주내로 삭제하겠습니다😄

[hwiiron]

오 리듀서 적용해 주셨군요!!! 로그인 파일 코드 추가해 주신 것도 확인했습니다!! 고생하셨습니다!👍👍👍

[dlwnsl]

와우,,,, 리덕스 적용까지 고생하셨습니다!!!