![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F7Nil2%2Fbtso1tE6p3C%2FdAuzLd170gqFBCQdOK5YD0%2Fimg.jpg)
JavaScript
[JavaScript] 자동으로 섹션 슬라이드
섹션 1 이곳은 섹션 1의 내용입니다. 섹션 2 이곳은 섹션 2의 내용입니다. 자동으로 섹션을 슬라이드 하는 기능을 구현한 예시이다. HTML/CSS 설명은 제외하고 JavaScript 설명만 추가하면 document.querySelectorAll("section") 은 페이지 내의 모든 섹션 요소를 선택한다. currentSectionIndex 는 현재 표시되고 섹션을 보이도록 변경하는 함수이다. slideNext() 다음 섹션으로 슬라이드 하는 함수이다. setInterval(slideNext, 3000) 3초마다 slideNext() 함수를 호출하여 다음 섹션을 자동으로 슬라이드 한다.