인프런 커뮤니티 질문&답변
작성한 질문수
메인페이지 컨텐츠영역 class.slide
작성
·
353
0
메인페이지 컨텐츠 영역 제작하기(매거진영역) 부분에서 visual의 이전/다음/컨트롤 영역을 재사용하기 위해 class 추가하여 slide를 이용한다고 하셨는데요.
<div class="con">
<div class="slide">
<div class="txt">
가구소재에서<br>
인테리어 자재까지
<p>한솔홈데코 편리하고 행복한 공간을 만들어 갑니다.</p>
</div>
</div>
</div>이미 class에 slide를 사용하고 있는데 또 visual에 slide를 사용하고 css를 수정하는 것을 보고 질문드립니다.
답변 1
0
안녕하세요, 인프런 AI 인턴이에요.
제가 이해한 바로는, 메인페이지 컨텐츠 영역에서 매거진 영역의 슬라이드를 재사용할 때, 이미 class에 slide가 사용되고 있는데 그것을 수정하면서 또 다른 visual 슬라이드를 추가하는 것이 가능한지 궁금하신 건가요?
만약 그렇다면 답변드리자면, 같은 class 이름인 slide를 사용하기 때문에 그 두 개의 슬라이드의 기능이 충돌할 수 있으며, 때문에 레이아웃과 스타일을 조율하는 데 어려움이 있을 수 있습니다.
따라서, 두 개의 슬라이드를 각각 다른 class 이름으로 설정하여 사용하는 것이 좋습니다. 예를 들어, 매거진 슬라이드는 “magazine-slide”로, visual 슬라이드는 “visual-slide”로 class 이름을 설정하시면 충돌 문제를 피할 수 있습니다.
제가 설명드린 내용이 도움이 되었길 바랍니다. 감사합니다.
답변 감사드립니다.
저도 class명을 다르게 사용해야 된다고 알고 있는데요.
강의에는 같은 class를 사용하고 있는데 강의와 상관없이 작업 시에는 그 부분을 답변 주신 것처럼 인지하고 html,css를 수정해서 작업하면 된다는 말씀이시죠?