인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다. chobo님.

강의에서 .slide-items에 width: 3600px;을 설정한 이유는 슬라이드가 정상적으로 동작하기 위해 필요한 공간을 확보하기 위해서입니다. 슬라이드 안에 여러 개의 이미지를 위치시키기 위해 이처럼 넓은 공간을 설정하는 것이 일반적인 방법입니다. 이렇게 하면 슬라이드를 옮길 때 한 번에 여러 이미지가 한 칸씩 움직이는 효과를 내기 쉽습니다.

slide에 width: 1200px; 및 overflow: hidden;을 설정한 것은 보여줄 이미지 영역을 설정하고 그 이외의 내용은 가려지도록 하는 역할을 합니다. 따라서, .slide-items에 추가적으로 긴 width가 설정된 것은 숨겨져 있으면서 슬라이드될 콘텐츠의 총 너비를 정해 놓은 것이라 볼 수 있습니다.

더 자세한 설명이나 추가적인 유사한 질문에 대한 답변은 아래 URL에서 확인하실 수 있습니다:
- 슬라이드 첫번째 실습 코드 질문 입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.