개선/제안
2026.05.13 18:20
위젯 복사후 변형해서 재사용시 CSS 충돌
여러 위젯등을 활용하여 복사하여 재 사용하고 있습니다
문제는 HTML과 CSS만으로 구성된 일반적인 위젯 뿐만이 아니고\
swiper js가 들어가있는 위젯도 그렇고 모양을 이리저리 수정하기위해서 CSS를 변형하는데
CSS 수정하게 되면 복사하기전인 원본 위젯들과 CSS가 서로 class 또는 id등이 동일하여 다른 위젯들도 함께 css수정된 것으로 작동합니다
아미X, 나리X의 경우 위젯마다 고유한 값이 생성되는 구조로 해서 위젯을 재사용하고 CSS를 수정하더라도 다른 위젯에 영향을 미치지 않고 독립적으로 운영됩니다
본사의 빌더도 위젯에 가장 바깥의 div등에 고유값을 부여하고 css에도 그 고유값이 기본으로 들어가게해서 복사해서 사용하고 CSS를 수정하도록 그 위젯내에서만 CSS가 작동하면 좋지 않겠나 생각이 듭니다
현재 swiper을 위의 방식으로 변형하여 본사 빌더의 기본 swiper 기능이 아닌 개별적인 swiper 옵션을 부여하여 작동하도록 하였으며 다른 위젯도 CSS를 개별적으로 작동하도록 수정하였으나 다른 위젯들이나 새롭게 나올 위젯들에 하나하나 적용할려면 너무 힘듭니다
이에 개션이 되었으면 하는 바램으로 글 올려봅니다
- 다음글php 8.X 대응 요청2026.05.06
댓글목록
등록된 댓글이 없습니다.