반응형 FullStack/11. JavaScript10 자바스크립트로 자이로스코프 기능을 이용한 휴대폰 충돌 체크 휴대폰 앱이 아닌 브라우저에서 범프와 유사한 기능이 필요하여 자바스크립트를 통한 충돌 체크하는 부분을 확인하였습니다.모바일 기기에서 자이로스코프와 가속도계가 내장되어야만 체크가 가능합니다. 휴대폰 충돌 감지 센서 데이터를 기다리는 중... 2024. 7. 10. IOS 13이후 아이패드와 Mac 구분 방법 IOS13 업데이트 이후 아이패드를 구분하기 어려워졌습니다.IOS13 이후부터는 아이패드는 데스크톱처럼 보여주기 위해 Mac과 유사한 사용자 에이전트 문자열을 사용하고 있습니다.Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0 Safari/605.1.15기존 확인 방법으로는 불가하여, 여러 가지 방법을 통해 확인하는 방법이 제시되고 있습니다.1. 플랫폼 확인 방법JavaScript를 사용하여 터치 기능을 기반으로 구분할 수 있습니다. 아이패드는 터치를 지원하는 반면, Mac은 그렇지 않습니다. 이를 위해 navigator.platform 속성과 터치 감지를 사용할 수 있습니다c.. 2024. 6. 17. 자바스크립트 이벤트 디버깅 방법 자바스크립트를 통해 UI를 구성하면서 단순 스크립트명만으로 찾기도 어려우며, 분석하기에 난의도가 있습니다. 소스에 "debugger"을 작성하면 분석에 편리하지만, 해당 소스를 찾아서 작성하기란 쉬운 일이 아닙니다. 간단하게 디버깅할 수 있는 방법을 알려드립니다. 1. Element 속성에 이벤트가 명시된 경우 개발자 도구를 이용하여 확인하였을 때 객체에 이벤트(onclick 등) 이벤트가 명시된 경우라면, 해당 부분을 더블클릭으로 html 수정이 가능합니다. "debugger;" 문구를 해당 이벤트 앞에 추가 후, 클릭을 하면 디버그 모드가 실행됩니다. 2. JavaScript 함수 임의 실행 스크립트 함수를 실행하려면 Console 창에 실행하고자 하는 함수 앞에 "debugger;"을 추가하여 함수.. 2023. 3. 8. 팝업창 닫힘 onunload가 아닌 스크립트로 체크하기 팝업창 닫힘 onunload가 아닌 스크립트로 체크하기 PG결제 연동 과정에서 처리 후 지정된 URL로 리턴되도록 처리되어 있었다. 결제 처리 과정에서 취소에 대한 후처리가 필요한데, PG결제 창에서의 취소는 취소 페이지로 이동하도록 되어 있어 처리가 가능하지만, 팝업 창의 닫기(X) 버튼 처리를 하기 위해서 "onunload" 이벤트를 처리하려고 했더니 페이지 이동에도 동일하게 실행되어 사용할 수 없게 되어 버렸다. "onunload" 이벤트 대신 스크립트를 통해 창이 닫혔는지 체크하도록 변경하였다. var pop = window.open('https://www.google.com'); var timer = setInterval(function() { onunload if(pop.closed) { cl.. 2022. 8. 3. 이전 1 2 3 다음 반응형
