[Dev Log] 20211006 / 박지영

[devLuenna]

오늘 완료한 작업 목록.

2021-10-07.1.02.44.mov

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

—

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

• gallery 목록과 review 목록에서 아래와 같은 기능들이 있다. 모두 상태값으로 컨트롤되고 있는데... 다른 페이지로 이동했다가 다시 해당페이지로 돌아왔을 때 상태값들이 모두 초기값으로 다시 세팅된다(컴포넌트가 마운트 되기 때문).

• 그럼 '상세페이지(/galleryDetail, /reviewDetail)에서 돌아갈 때만' 컴포넌트마운트를 방지하고 싶은데(상태값 보존을 위해)... 그건 방법이 없을까???

  —> scrollTop 컴포넌트를 뜯어보면 왠지 답이 있을 것 같은 생각이 들어서 이것저것 시도해보는 중.

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

• Tip: useEffect에서 componentDidUpdate만 사용하고 싶을 경우

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

내일 TO DO LIST

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