pullToRefresh
-
[CSS] overscroll-behavior 속성 :: 마이구미HTML, CSS 2022. 6. 12. 00:07
이 글은 CSS 속성 중 overscroll-behavior 에 대해 다룬다. CSS 속성에 대한 공식 문서보다는 크롬 개발자 사이트에 존재하는 관련 글이 오히려 큰 도움이 된다. 이번 포스팅은 관련 글을 기반으로 정리한 내용이라고 볼 수 있다. 참고 자료 - https://developer.chrome.com/blog/overscroll-behavior/ overscroll-behavior 는 이름을 토대로 추측하면 다음과 같다. "스크롤에 대한 행동" 을 제어하는 속성으로 추정된다. 스크롤 관련 속성으로 추정할 수 있지만, 아직 정확히 무엇인지 파악하기 힘들다. 흔한 스크롤 이슈를 먼저 파악해보자. 우리가 많이 스크롤에서 겪을 수 있는 이슈는 무엇일까? 가장 흔한 경우는 스크롤 영역이 2개 이상이면서..
-
[React] PullToRefresh 구현 :: 마이구미React 2022. 6. 12. 00:06
이 글은 PullToRefresh 에 대해 다룬다. 결과물의 코드는 ant.d 에서 제공하는 PullToRefresh 컴포넌트의 코드를 기반으로 작성되었다. 구현 방식뿐만 아니라 전반적인 PullToRefresh 기능 학습에 도움이 될 것이다. 참고 링크 - https://mobile.ant.design/components/pull-to-refresh 예제 코드 - https://codesandbox.io/s/pulltorefresh-b0mi3p?from-embed PullToRefresh 는 무엇인가? PullToRefresh 기능은 아래로 끌어내리는 제스처를 통해 새로고침을 실행하게 해준다. 해당 제스처는 Swipe Down 또는 Pull 이라고 부를 수 있다. 이 기능은 웹, 모바일 웹, 앱 구분없..