Simple Is Best

이번 포스팅은 간단하게 보고 지나가겠습니다. 오늘의 Target 버튼을 클릭하면 '안녕하세요' 가 차례대로 0.5초의 간격을 두고 출력되는 애니메이션을 구현해보도록 하겠습니다. setTimeout 몇 초 후에 실행해주는 자바스크립트의 내장 함수입니다. 첫번째 인자에는 콜백함수 두번째 인자에는 몇 초 후에 실행할 건지에 대한 시간이 들어갑니다. (단위: 밀리초, 1000밀리초 -> 1초) setTimeout(()=>{ // 실행할 코드 }, 밀리초); 메인 코드 HTML 안녕하세요 눌러봐 ▶ 우리는 0.5 초마다 글씨를 출력해야 합니다. 따라서, setTimeout 을 반복문 내에서 동작시킵니다. 500(0.5초) , 1000(1초) , 1500(1.5초), 2000(2초) ..... 등으로 실행시킵니다...

이번 포스팅에서는 Hammer.js를 활용하여 터치 이미지 슬라이드 기능을 구현하는 방법에 대해서 알아보도록 하겠습니다. 우선 본 포스팅에서 목적으로 하는 이미지 슬라이드 터치 기능을 구현하기 위해서 이미지 슬라이더(Carousel) 에 대해서 알아야 합니다. 참고 부탁드립니다. https://daterminal.tistory.com/61 12. [JS/JQuery] Carousel (이미지 슬라이더) 안녕하세요~ 이번 포스팅에서는 Carousel 에 대해서 알아보도록 하겠습니다. Carousel 이란? : '회전목마' 라는 뜻으로 이미지 슬라이더 (버튼을 누르면 다음 사진으로 슬그머니 넘어가는) 를 칭합니 daterminal.tistory.com HTML 해당 HTML 에 대한 구조는 다음 이미지로 설..