codestates / codestates/urimg-client

[Dev Log] 이소임 / 2021-05-03

Open
#55 0 comments 0 reactions 0 assignees View on GitHub
dev-log
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.