morethan-log
Search...
Cmd+K
Webview
3
웹뷰를 작업하면서 겪는 여러 트러블 슈팅 경험을 공유해요
터치 디바이스에서 hover 스타일 제어하기
디자인 시스템을 구현하면서 :hover 가상 클래스를 적용했던 경험을 기록한다.:hover는 포인터가 해당 엘리먼트 위에 올라가 있는 상태를 나타내는 가상 클래스로 주로 버튼이나 인풋과 같은 컴포넌트를 구현할 때 사용한다.이러한 :hover 가상 클래스는 마우스를 올려둔다와 같은 경우가 없는 환경에서는 어떻게 동작할까? 대표적으로 터치로 동작하는 모바일 디
0
0
Jun 3
5 min read
fixed 요소만큼 높이 차지하는 CTA 버튼 구현하기
웹뷰에서 마주하는 여러 팁을 공유합니다.웹뷰를 구현하다보면 아래와 같은 화면을 자주 마주하게 됩니다.아래 사진은 토스에서 가져왔습니다.이때 하단에 항상 위치하고 있는 버튼을 보통 CTA(Click-To-Action) 버튼이라고 부르는데요. 이러한 버튼은 일반적으로 컨텐츠 위에 위치하고 있어야하기에 position:fixed로 구현하면 됩니다.간단한 것 같지
0
0
Jun 29
4 min read
mobile safari에서 video poster가 깜빡이는 이슈
Problem웹뷰를 작업하던 도중 video를 배경으로 사용하는 케이스가 존재해 구현하던 도중... mobile safari에서 poster -> video로 전환되면서 아래와 같이 깜빡거리는 현상이 발생했다.관련해서 이슈를 찾아보았으나 관련된 내용이 많지 않았고, 임시 대응책을 고민해보았다.background-image 추가하기아래와 같이 video
0
0
Aug 10
2 min read
morethanmin
33 팔로워
·
36 팔로잉
몰댄민의 기술블로그
팔로우
태그
CSS
webview
react
Troubleshooting
최근 댓글
아직 댓글이 없어요
Made with
üntil