2021.08.27

이짜젠·2021년 8월 27일
0

오늘은 재택을 했지만 앱연동 관련해서 회의가 많았다.
회의를 주관하신 그룹장님을 보면서 대단함을 많이느꼈다.

회의전에 고려해야할 안건을 다 준비해오고,, 마무리로 정리를,, 회의를 단순히 받아적기만 하셨던것도 아니고 계속 대화와 논의를 진행했는데, 그렇게 대화를 주고받는 와중에도 어떻게 깔끔하게 정리를 하셨는지 대단하다.

아마 안건과 미리 자신이 생각해놓은 방안까지 정리를 해오셨던 것 같다.
앞으로 회의를 들어가기전에 단순 회의주제, 문서만 파악하고 갈게아니라, 추가로 물어볼 안건과 해결방안 대안까지 미리 생각해 갈 수 있도록 해야겠다.

Store

  • 로직은 root혹은 view 단위의 컴포넌트에 정의, 자식컴포넌트에게 props로 내려서 사용
  • 조작하는 데이터는 store에서 꺼내쓰자

이미지 로딩 완료되었을 때 스크롤이동

onLoad 이벤트를 사용한다.
e.target.height 을 이용하여 로드된 이미지의 높이를 알 수 있다.

// ...
const initialImgCnt = useRef<number>(0);
useEffect(() => {
   initialImgCnt = list.length;
}, [list])

const handleImageLoad = useCallback(e => {
  const msgListEl = msgListRef.current;
  msgListEl.scrollTop += e.target.height;
  initialImgCnt.current -= 1;
  }, []);


return <>
  {
    list.map(item => <img src={message.imageUrl} onLoad={onImageLoad} />)
  }
  </>
// ...
profile
오늘 먹은 음식도 기억이 안납니다. 그래서 모든걸 기록합니다.

0개의 댓글