왼쪽/오른쪽 동작시 딜레이 문제
93
작성한 질문수 1
소스를 그대로 사용하는것이 아니고 한단계, 한단계 만들어가면서 하고 있는데요.
팔, 다리, 몸통, 머리 소스 부분부분씩 진도나갈때마다 복붙하면서 진행하고 있습니다.
다 잘 진행되는데, 키보드 왼쪽/오른쪽 이동시, 잘 이동됩니다.
근데 누르자마자 이동하는게 아니라, 1~1.5초 가량 딜레이(아무동작안함)후에 뒤늦게 동작하더라고요.
어느 부분을 살펴보면 좋을지요!!
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. ….님.
키보드 입력 시 좌우 방향 전환 시 딜레이가 발생하는 문제에 대해 서술해주셨네요. 이는 보통 키보드 이벤트 처리와 관련이 있을 수 있습니다. 아래의 답변을 확인해보시면 문제 해결에 도움이 될 수 있을 것입니다.
기존 질문과 유사한 경우: 키다운 이벤트 시 문제가 있습니다..
- 방향키 입력 시 딜레이가 발생할 수 있는 이유는
keyup이벤트가 적절히 처리되지 않았기 때문일 수 있습니다.keydown과keyup이벤트를 동시에 체크하면서 요청에 맞게 상태를 변경하는 방식으로 문제를 해결할 수 있습니다.
- 방향키 입력 시 딜레이가 발생할 수 있는 이유는
requestAnimationFrame 활용: 위의 답변에서 제안된 대로, 키보드 이벤트의 타이밍 관리는 보통
requestAnimationFrame을 사용하여 부드럽게 처리할 수 있습니다. 이를 활용하여 키 입력 상태를 지속적으로 체크합니다.소스 코드 상태 확인: 본인의 코드 및 이벤트 리스너가 키 입력에 대해 적절히 반응하고 있는지, 혹시 불필요하게 딜레이나 충돌이 발생하는 부분이 없는지 세심히 확인해 보세요.
실제로 키 입력 시의 이벤트 관리는 애플리케이션의 반응성을 좌우할 중요한 요소입니다. 딜레이 없이 바로 이동이 가능하게 하려면, 이벤트가 최적화되어 처리되는 구조를 만들어야 합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
0
최초 1회(새로고침 후)에 한하여 딜레이가 있고, 한번 딜레이를 겪고 난 이후에는 정상작동합니다. addEventListener가 혹시 늦게 붙는것인가 하고 별 추측 중이네요
변수 범위 관련 질문
0
106
1
perspective 문의
0
100
1
생성자 함수를 클래스 함수로 변경 하고 this 오류 관련
0
150
1
스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제
0
124
1
animation이벤트 질문이요!
0
71
1
resize handler에서 질문이 있습니다.
0
110
1
카드 뒤집힐 때 F가 보인 이유
0
149
1
3d 뒤집기 추가효과
0
216
1
전진! 3D 스크롤 21 강의 질문
1
171
1
eventlistener 질문
0
147
1
zMove 를 1000으로 설정하는 이유에 대하여.
0
168
1
[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!
1
191
1
동적으로 html 생성 후 이벤트 위임 질문 있습니다.
0
264
1
rotateY()에서 deg에 따른 차이
0
196
1
코드 작성 순서
0
275
1
이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??
1
392
1
'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다
0
265
2
섹션5 자바스크립트 이벤트 다루기 질문
1
243
1
[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!
0
423
2
css 는 직접 작성을 해야하는걸까용?
0
323
1
translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?
0
356
2
house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.
0
302
2
left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.
0
303
2
외부에서 JS파일을 불러올땐 무조건 defer를 써도 괜찮은건가요?
0
299
2





