방법 1 (조금은 야매스러운 방법입니다.) HTML 코드 ① container div 안에 inner div 3개를 넣고 각각의 div 안에 img를 넣는다. ② 버튼도 3개를 만들어서 각 버튼 클릭 시 사진이 넘어가게 만들 것이다. CSS 코드 ① container div의 가로 크기는 300vw로 지정하고 이미지 가로정렬을 위해 flex로 배치한다. 이미지가 부드럽게 넘어가는 효과를 위해 transition 속성을 적용한다. ② 이미지가 하나씩만 보이게 하기 위해 inner div 각각의 가로 크기를 100vw로 지정한다. ③ 가로스크롤을 없애기 위해 body에 overflow: hidden; 을 적용한다. JS 코드 ① 버튼 2를 클릭하면 transform: translate(-100vw); 속성을..
