다양한 디바이스 환경에서 균일한 UI와 앱처럼 편리한 UX를 제공하기 위해 적용한 것들을 공유한다. viewport 설정, y축 스크롤 고정, 상태표시줄 색상, iOS 100vh, 모달 외부 스크롤 방지, iOS 터치 테두리, 이미지 드래그 방지, 모바일 hover

firestore에 특정 데이터가 등록될 시, slack으로 메시지가 전송되도록 자동화해보자.

recoil의 selector를 이용하여 동일한 API의 요청에 대해서는 값을 캐싱을 하여, 조금이라도 API 요청을 줄여보자. (feat. useRecoilRefresher)

따분한 로딩창을 벗어나, 사용자 친화적인 Skeleton UI로 사용자 이탈율을 줄여보자.스켈레톤 UI는 실제 데이터가 렌더링 되기 전에 보이게 될 화면의 윤곽을 먼저 그려주는 로딩 애니메이션이다. 사용자의 이탈을 막고, ‘어떤 것들이 보여질 것이다’라고 미리 알려주는

CSS 단 두 줄로, Carousel을 만들 수 있다. scroll-snap은 사용자가 터치 혹은 스크롤 조작을 하였을 때 offset을 설정할 수 있는 속성이다. 이를 통해 스와이프 하거나, 스크롤 할 때 캐러셀처럼 자연스러운 효과를 낼 수 있다.