safari의 bounce scroll 문제(2)
iOS는 스크롤 파워가 강할 때 bounce scroll effect를 낸다. 보기 좋은 UX지만, scrollTop을 기준으로 event를 발생시키려면 문제가 발생한다.
Recent posts
Safari’s bounce scroll problem (2)
iOS produces a bounce scroll effect when the scroll has strong momentum. It is a pleasant UX, but it causes problems when you want to trigger events based on...
safari의 bounce scroll 문제(1)
safari에서 scroll event를 다루다보면 괴상한 동작을 발견한다. scrollable container 최상단이 고무줄처럼 튕기는 UI인데, 이를 iOS의 native-style scrolling이라고 한다(출처: https://developer.apple.com/lib...
Safari’s bounce scroll problem (1)
When you work with scroll events in Safari, you run into a strange behavior. It’s a UI where the top of a scrollable container bounces like a rubber band, an...
CSS flex-direction property의 값이 column-reverse 일 때의 scrollTop
요약 flex-direction: column-reverse 일 때 scrollTop의 기준은 scroll 최하단이다 scrollTop은 -n ~ 0의 값을 가진다 scroll-bar가 ...
scrollTop when the CSS flex-direction property is set to column-reverse
Summary When flex-direction: column-reverse The reference point for scrollTop is the very bottom of the scroll scr...
Android mobile Chrome의 scrollTop 오류
Android mobile chrome에서는 알 수 없는 이유로 scroll이 최상단, 최하단까지 이동하지 않는 경우가 있다.
The scrollTop bug in Android mobile Chrome
In Android mobile Chrome, for reasons unknown, the scroll sometimes fails to move all the way to the very top or the very bottom.
Cannon mg3095w 사용기
프린터 구매를 위해 프린터 사용기를 구글링해보았다. 놀랍게도 유용한 리뷰는 드물었다. 이제 프린터가 IT의 한 축이던 시대는 영원히 끝나버린건가. 조지 소로스의 오픈 소사이어티 재단의 주요 사업 중 하나가 복사기 보급 아니었던가. 제록스가 한 때 IT의 선두주자 아니었던가. 아쉬운...
Cannon mg3095w Review
When I was shopping for a printer, I tried Googling printer reviews. Surprisingly, useful reviews were hard to come by. Is the era when printers were one of ...
iOS safari에서의 scrollIntoView 메소드 오류 정리
요약: safari는 scrollIntoView의 모든 option을 지원하지 않음 reference: https://caniuse.com/?search=scrollIntoView safari 13, 14에서 test함 오류 목...
Notes on scrollIntoView method bugs in iOS Safari
Summary: Safari does not support all options of scrollIntoView reference: https://caniuse.com/?search=scrollIntoView Tested on Safari 13 ...
AWS CodeDeploy BlockTraffic 시간 단축
AWS EC2에 Apache HTTP Server를 올려 frontend를 서빙하고, CI/CD는 AWS CodePipeLine을 사용하고 있었다. 문제는 배포할 때마다 CodeDeploy의 BlockTraffic 단계에서 너무 많은 시간이 걸려 답답했다. 배포 시간을 조금이나마 ...
Reducing AWS CodeDeploy BlockTraffic Time
I was running Apache HTTP Server on AWS EC2 to serve a frontend, and using AWS CodePipeline for CI/CD. The problem was that every time I deployed, the BlockT...
Setting the CSP (Content Security Policy) header on the Apache HTTP server
Add this to httpd.conf:
HOL(Head of line blocking)
HOL(head of line): TCP에서의 전송 지연으로 인한 레이턴시
HOL (Head of line blocking)
HOL (head of line): latency caused by transmission delays in TCP
Apache HTTP Server에 mime type 추가
Apache HTTP Server에 mime type을 추가하려면?
Adding a MIME type to Apache HTTP Server
How do you add a MIME type to Apache HTTP Server?