[Dev Log] 20211006 / 박지영

### **오늘 완료한 작업 목록.**

https://user-images.githubusercontent.com/83934037/136242304-2c45f0dc-bf6c-4788-8135-2c64518d5609.mov

- [ ] 3dgallery 페이지 서브라우팅 시 에러있었던 것 재도전...
- [x] 더미데이터 넣고 about 페이지에 랜더링 할 gif 파일 만들기
- [x] about 페이지 내 두번째 섹션 layout 리터치 —> 반응형 layout을 위하여 grid 사용함.
- [x] 기능 버그 없는지 다시 더블체크
- [x] 기술발표 준비
- [x] 특정 페이지에서 다시 돌아갈 때 상태값 보존 방법 고민해보기

—

<컴포넌트마운트를 방지하여 상태값을 보존하는 방법 고민중>

- gallery 목록과 review 목록에서 아래와 같은 기능들이 있다. 모두 상태값으로 컨트롤되고 있는데... 다른 페이지로 이동했다가 다시 해당페이지로 돌아왔을 때 상태값들이 모두 초기값으로 다시 세팅된다(컴포넌트가 마운트 되기 때문).
- 그럼 '**상세페이지(/galleryDetail, /reviewDetail)에서 돌아갈 때만**' 컴포넌트마운트를 방지하고 싶은데(상태값 보존을 위해)... 그건 방법이 없을까???

—> [scrollTop 컴포넌트](https://www.notion.so/cb05f53059564174bcf585392c9080e5)를 뜯어보면 왠지 답이 있을 것 같은 생각이 들어서 이것저것 시도해보는 중.

- react-router-dom의 withRouter를 사용하여, 특정 페이지(/galleryDetail, /reviewDetail)가 previous 페이지일 때—> 컴포넌트마운트를 방지하는 아래코드를 적용해보면 되지 않을까?
- Tip: useEffect에서 componentDidUpdate만 사용하고 싶을 경우

```jsx
const mounted = useRef(false);
useEffect(() => {
if (!mounted.current) { // componentDidMount 실행 X
mounted.current = true;
} else {
// componentDidupdate 로직
// (...)
}
}, [바뀌는 값]};
```

### **내일 TO DO LIST**

- [ ] 기술발표 녹화.
- [ ] Premium 전시회 더미데이터 넣고 3D 랜더링 연결하기