어제는 공동컴포넌트를 리팩토링하고 마이페이지 큰틀을 구현했다.
오늘은 마이페이지를 계속 구현할 예정이다.
마이페이지는 일단 로그인한 유저면서, 그 유저에 해당될때에만 접근이 가능한데 그걸 어떻게 짜야할지..
그리고 recoil 데이터를 가져오는 방법, 수정하는 방법도 배워야겠다.
https://velog.io/@annie1004619/Route와-Context-API를-사용해서-로그인-회원가입-마이페이지-만들기
구현 예정 사항
- 마이페이지 접근 코드 짜기
- recoil의 유저 데이터 받아오기
- 마이페이지 nav에서 페이지 바뀌기 전까지 효과가 적용되게 tab 구현
(기존에는 nav 클릭 시 페이지가 바뀌는데, div가 바뀌게 구현해도 되나..) - index.css에서 자주 쓰이는 css에 전역변수 할당할때 여러줄도 설정 가능?
(ex: 메뉴 tab 효과 css, box border css ..)
개선해야할 사항
- Footer 말려올라가는 문제
- Nav, Sidebar margin을 덮기 (div 생성해서 width값 주기?)
- header 간격 조정 (창 줄여도 로그인,사인업 버튼 한줄로 뜨게) => 해결
- settings 메뉴 한 줄로 뜨게
- edit, delete
<hr>색상 변경 - 창 축소 시 Footer 오른쪽 짤림 문제
의문 사항
- Route path를 /member/:memberId로 수정해야하나..?
API 요청 주소와 url은 다른건가..?ㅠ
Nav Link 수정하기!!!!
전역js에 기본값의 recoil을 담아두고, axios를 통해 setState(res)
detail-userinfo를 사용하려면..
axios.post로 받아와서 recoil 변경해두고 사용하기?
그럼 myheader에서 axios.post해서 recoil 담기??
토큰도 recoil에 담아두기?
api get 요청이랑 route path 설정이랑 같으니까
path에 api 주소 적는거겠지?
