codestates / codestates/urimg-client
[Dev Log] 이소임 / 2021-05-03
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
### 오늘은 어떻게 프로젝트에 기여했나요?
* 사진 상세페이지 제작
* Redux Persist를 이용해 새로고침 후에도 상태가 유지되도록 수정
### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* imageDetail 페이지에서 새로고침을 할 경우 에러가 나며 메인 페이지로 이동해도 렌더링되지 않는 문제가 생겼다. 기본 값이 빈 객체라 발생하는 에러라고 생각하여 새로고침 후에도 상태가 유지되도록 수정했다.
```javascript
// index.js
import { persistStore } from 'redux-persist';
import { PersistGate } from 'redux-persist/integration/react';
const persistor = persistStore(store);
ReactDOM.render(
// APP
,
document.getElementById('root')
);
```
```javascript
// store/store.js
import { persistReducer } from 'redux-persist';
import storage from 'redux-persist/lib/storage';
const enhancedReducer = persistReducer(persistConfig, rootReducer);
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})
: compose;
const store = createStore(enhancedReducer, composeEnhancers(applyMiddleware(thunk)));
```
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] image 관련해서 서버에 요청하는 함수 대략적으로라도 만들기
- [x] axios interceptors 를 리프레시 토큰을 사용해 액세스 토큰을 발급하는 데 사용할 수 있을지 확인하기
- [ ] grid&flexbox를 사용해 기본 정렬하기
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.