[✍️ Dev Log] 송다영 / 2022-01-18

### 오늘은 어떻게 프로젝트에 기여했나요?

- localStorage 사용하기

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- 패스워드 변경 중 accesstoken을 useState를 통해 Props로 내려보내는 것이 불편해서 간편한 localStorage로 변경하였다.
- localStorage는 간편하게 localStorage.setItem("accessToken", res.data.token);로 로그인 시 저장을 해두고
const accessToken = localStorage.getItem("accessToken");로 불러올 수 있다.

```js
// Login.js --> 저장할 때

const handleLogin = () => {
const { email, user_pwd } = userData;

if (email && user_pwd) {
axios
.post(`http://localhost:80/user/login`, { data: userData })
.then((res) => {
if (res.data.token) {
localStorage.setItem("accessToken", res.data.token);
dispatch(loginAction);
dispatch(modalOff);
navigate("/");
}
})
.catch((err) => {
console.log(err);
});
}
};

//PwdChange.js --> 사용할 때

const accessToken = localStorage.getItem("accessToken");
axios
.patch(
`http://localhost:80/user/password`,
{
data: { cur_pwd, new_pwd },
},
{
headers: { authorization: `Bearer ${accessToken}` },
withCredentials: true,
}
)
.then(() => {
setPassword(true);
navigate("/mypage");
})
.catch((err) => {
setErrorMsg("비밀번호를 확인해주세요.");
console.log(err);
});
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [x] Mypage의 페이지네이션 구현