작성
·
11
0
소스를 그대로 사용하는것이 아니고 한단계, 한단계 만들어가면서 하고 있는데요.
팔, 다리, 몸통, 머리 소스 부분부분씩 진도나갈때마다 복붙하면서 진행하고 있습니다.
다 잘 진행되는데, 키보드 왼쪽/오른쪽 이동시, 잘 이동됩니다.
근데 누르자마자 이동하는게 아니라, 1~1.5초 가량 딜레이(아무동작안함)후에 뒤늦게 동작하더라고요.
어느 부분을 살펴보면 좋을지요!!
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. ….님.
키보드 입력 시 좌우 방향 전환 시 딜레이가 발생하는 문제에 대해 서술해주셨네요. 이는 보통 키보드 이벤트 처리와 관련이 있을 수 있습니다. 아래의 답변을 확인해보시면 문제 해결에 도움이 될 수 있을 것입니다.
기존 질문과 유사한 경우: 키다운 이벤트 시 문제가 있습니다..
keyup
이벤트가 적절히 처리되지 않았기 때문일 수 있습니다. keydown
과 keyup
이벤트를 동시에 체크하면서 요청에 맞게 상태를 변경하는 방식으로 문제를 해결할 수 있습니다.requestAnimationFrame 활용: 위의 답변에서 제안된 대로, 키보드 이벤트의 타이밍 관리는 보통 requestAnimationFrame
을 사용하여 부드럽게 처리할 수 있습니다. 이를 활용하여 키 입력 상태를 지속적으로 체크합니다.
소스 코드 상태 확인: 본인의 코드 및 이벤트 리스너가 키 입력에 대해 적절히 반응하고 있는지, 혹시 불필요하게 딜레이나 충돌이 발생하는 부분이 없는지 세심히 확인해 보세요.
실제로 키 입력 시의 이벤트 관리는 애플리케이션의 반응성을 좌우할 중요한 요소입니다. 딜레이 없이 바로 이동이 가능하게 하려면, 이벤트가 최적화되어 처리되는 구조를 만들어야 합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
최초 1회(새로고침 후)에 한하여 딜레이가 있고, 한번 딜레이를 겪고 난 이후에는 정상작동합니다. addEventListener가 혹시 늦게 붙는것인가 하고 별 추측 중이네요