내배캠 TIL 2023.03.07

오늘 할 일

 

리스트들 크기에 따라 보여지는 비율 지정 (완성)

 

메인 페이지 리스트 가로 스크롤 버튼 (완성)

 

메인 페이지 해시태그 리스트 반응형  (완성) 약간 야매다

 

검색 페이지 리스트 반응형 (완성)

 

유저 페이지 리스트 반응형 (완성)

 

유저 페이지 여행 전, 후 토글 버튼 반응형 (완성)

 

유저 페이지 프로필 사진 영역 반응형 (완성)

 

시간 있으면 배너 글자, path 글자 반응형 더 꼼꼼하게

 

실시간으로 브라우저 화면 사이즈 불러와주기

https://www.positronx.io/react-get-dynamic-window-height-width-using-react-hooks/

React Get Dynamic Window Height Width using React Hooks

 

 

 

실제로 잘 작동했지만 부드럽지 않아서 포기한 코드

 

const scroll = (scrollOffset) => {
  ref.current.scrollLeft += scrollOffset;
};

 

 <Row>
        <Col>
          <button onClick={() => scroll(-20)}>LEFT</button>
          <button onClick={() => scroll(20)}>RIGHT</button>
        </Col>
  </Row>

 

https://stackoverflow.com/questions/60729924/react-scroll-component-horizontally-on-button-click

React scroll component horizontally on button click

 

 

가로 스크롤 부드럽게 움직이도록 해주는 라이브러리

근데 내 컴퓨터에서는 이게 됐다가 안됐다가 해서 또 불안...

https://reactjsexample.com/a-custom-react-hook-for-smooth-horizontal-scrolling/

A custom React hook for smooth horizontal scrolling

 

 

window 객체안에 있는 메소드들이 휴대폰 안에서도 잘 작동하나? 

window.innerheight랑 이런거 있는데 작동했던 것 같은데 갑자기 불안...