Today I Learned
clientHeight
-> clientHeight 속성은 세로 패딩을 포함하여 요소의 높이를 반환한다. 기본적으로 표시된 콘텐츠가 사용하는 실제 공간을 반환한다. backdrop filter를 먹인 div 레이어가 자꾸 브라우저 크기만큼만 영역을 차지하고 아래 스크롤 된 부분은 차지하지 않아서, 아래 레이어 div(배경)의 clientHeight로 높이를 세팅해줘서 해결해줬다.
모바일에서 서비스 막기
if (/Android|iPhone/i.test(navigator.userAgent)) {
document.body.innerHTML =
"<div>이 서비스는 모바일에서는 동작하지 않습니다.</div>";
}
위와 같이 간단하게 해결해줬다.
최종 디버깅 및 마무리
완벽함 보다는 최선의 결과를 위해 끊임없이 노력하는 개발자