개발자 노트

무한슬라이딩 윈도우 구현 아이디어 ul의 li로 이미지가 1,2,3이 나란히 있다고 하자. 이미지 1을 추가하여 1,2,3,1 이미지를 만든다. 1,2,3,1까지 슬라이딩 효과를 주는데, 마지막 1번에서 슬라이딩 효과를 없앤 후 바로 1번 위치 변경, 그리고 다시 슬라이딩 효과를 주면 된다. 문제점 애니메이션 효과를 지우고, 처음 위치로 이동하고, 애니메이션 효과를 주는 작업을 reset 작업이라 하자. reset작업에서 재빨리 애니메이션 효과를 다시 부여했을 때 처음에 지우고 이동했음에도 애니메이션 효과로 이동하게 된다. 따라서 나는 setTimeout으로 시간 간격을 두어 처리하도록 하였다. 이 문제를 찾고 해결하는데 4시간이 걸렸다. 자바스크립트는 도대체 어떻게 돌아가먹는 질 모르겠다. 제대로 알고..