초대해주셔서 감사합니다. PC버전은 바운드 이벤트가 모두 touchstart, touchmove, touchend이기 때문에 쓸모가 없습니다. 다음과 같이 변경해 볼 수 있습니다. 먼저 private 변수에 세 개의 변수를 추가한 다음 init에서 PC 또는 모바일 단말기를 식별하는 코드 섹션을 추가하고 식별이 완료된 후 세 변수가 모바일 이벤트인지 또는 모바일 이벤트인지 확인합니다. PC 이벤트, 그리고 마지막으로 모든 이벤트 바인딩은 이 세 가지 변수로 변경하면 됩니다.
개인적으로는 PC 버전과 모바일 버전을 따로 작성하는 것을 추천합니다. 상대적으로 복잡한 구조의 관리 시스템의 경우 반응형 웹 페이지를 작성하는 데 드는 비용과 기술적 위험이 PC와 모바일 버전을 각각 작성하는 것보다 훨씬 높습니다. 그리고 사용자 경험의 관점에서 PC와 모바일은 경험이 다르기 때문에 별도로 작성하는 것이 더 적절합니다. 순전히 표시 목적으로 반응형 페이지를 작성하는 것은 큰 문제가 아니며, 이는 반응형 CSS 프레임워크로 해결할 수 있습니다.
초대해주셔서 감사합니다.
PC버전은 바운드 이벤트가 모두 touchstart, touchmove, touchend이기 때문에 쓸모가 없습니다. 다음과 같이 변경해 볼 수 있습니다. 먼저 private 변수에 세 개의 변수를 추가한 다음 init에서 PC 또는 모바일 단말기를 식별하는 코드 섹션을 추가하고 식별이 완료된 후 세 변수가 모바일 이벤트인지 또는 모바일 이벤트인지 확인합니다. PC 이벤트, 그리고 마지막으로 모든 이벤트 바인딩은 이 세 가지 변수로 변경하면 됩니다.
당신이 가로채는 부분은 애니메이션 효과를 구현하는 부분입니다. 애니메이션을 바인딩하는 이벤트를 살펴보니 모두 터치 이벤트에 바인딩되어 있습니다.
이 애니메이션을 마우스 이벤트에 직접 바인딩해 보았습니다.
먼저 PC 버전인지 확인해야 합니다.
으아악방법 중 하나는 다음과 같습니다.
그러면 바인딩 이벤트에 해당될 수 있으며, 해당 관계는 다음과 같습니다.
참고자료: https://mobiforge.com/design-...
마지막 페이지의 드래그 애니메이션은 직접 만들어야 합니다. .
또 다른 해결책은 먼저 PC/모바일 측을 결정하는 것입니다.
PC 측에서 직접 다른 패키지를 호출하면 됩니다.
원래 모바일 측용으로 개발된 이 패키지가 페이지 측에 어떻게 적용되는지 생각할 필요는 없습니다.
초대해주셔서 감사합니다.
개인적으로는 PC 버전과 모바일 버전을 따로 작성하는 것을 추천합니다. 상대적으로 복잡한 구조의 관리 시스템의 경우 반응형 웹 페이지를 작성하는 데 드는 비용과 기술적 위험이 PC와 모바일 버전을 각각 작성하는 것보다 훨씬 높습니다. 그리고 사용자 경험의 관점에서 PC와 모바일은 경험이 다르기 때문에 별도로 작성하는 것이 더 적절합니다. 순전히 표시 목적으로 반응형 페이지를 작성하는 것은 큰 문제가 아니며, 이는 반응형 CSS 프레임워크로 해결할 수 있습니다.