<aside> 💡 마이페이지는 총 두가지의 탭메뉴로 구성되어있다!(쿠팡의 탭메뉴 부분에서 영감을 받았다 🙂) 💚 회원정보 확인 페이지와, 주문조회 페이지로 구성되어 있었다! 💚 탭메뉴의 종류가 다양하고 탭메뉴안의 컨텐츠를 넣는 것이 생각보다 쉽지 않았지만 근성으로 이겨 냈다!! 💚 table 태그가 아닌 유지보수가 쉬운 div태그로 표를 만들었다!

</aside>

마이페이지를 누르면 주문 조회/ 회원정보 페이지 두가지의 탭메뉴가 나타나고

주문 조회의 탭메뉴인것이 우선순위인 것을 알 수 있다.

Untitled

장바구니에서 물건을 담고 주문을 완료하면 주문 상품과 옵션 + 배송상태가 보여진다

우측의 회원정보 관리 탭을 클릭하면

회원정보 확인 페이지가 뜨고 아이디는 고정값이라 비밀번호를 입력하고 확인을 두리면 회원정보를 수정할 수 있다.

취소를 누르면 뒤로가기가 된다.

회원정보 확인-마이페이지.PNG

회원정보 관리에서 정보를 수정하고 저장하기를 누르면

마이페이지-회원정보 관리.PNG

마이페이지 개인정보 변경완료.PNG

해당 alert가 뜨면서 개인정보가 변경이 된다.

마찬가지로 취소하기를 누르면 뒤로가기가 된다