Villain 커뮤니티
18+
Villain
beta1
공지
이벤트
특집/기획
뉴스/정보
커뮤니티
질문/토론
빌런포럼
장터/핫딜
브랜드로그
커뮤니티
출석/가입일상/생활이슈/논란여행/맛집상품/홍보취미/교양18+/취향
갑자기 메인이 바뀌길래..
그냥 전체적으로 해결 하는 방법 공유해드리겠습니다. 지금 PC 버전에서는 칸 분리가 잘 이뤄지기 시작했는데, 정작 모바일은 그대로더라구요. row-span-2를 없애고, md:row-span-2로 두시고, 기본값은 row-auto로 두세요. 즉, 반환되는 class는 row-auto md:row-span-2로 두시면 됩니다. md: ← 이건 tailwind css 반응형 접두사인데 min-width:768px에서만 이 클래스를 적용시키기 위해 사용하는 접두사에요. 즉 md:col-span-2는 가로 768px 이상일 경우 col-span-2를 적용하고 768px 이하일 경우에는 col-span-2를 적용해제한다는 뜻이죠. 지금 코딩을 둘러보면 정상적으로 적용시키면 이런식으로 코딩이 되어야 합니다.. 그래야 이런식으로 표기가 잘 됩니다.. 결과를 미리 봐보고 싶다면 브라우저에 개발자도구 키고 (function normalizeGridSpans(){ const els = document.querySelectorAll('[class*="row-span-"], [class*="col-span-"]'); els.forEach(el => { const classes = Array.from(el.classList); // 숫자 추출 함수 const getSpanNums = (prefix) => { const base = classes .filter(c => new RegExp(`^${prefix}-span-(\\d+)$`).test(c)) .map(c => +c.split('-').pop()); const md = classes .filter(c => new RegExp(`^md:${prefix}-span-(\\d+)$`).test(c)) .map(c => +c.split('-').pop()); return { base, md }; }; // 정규화 함수 const normalize = (prefix, autoClass) => { const { base, md } = getSpanNums(prefix); // 1) 기존 span 클래스 전부 제거 classes .filter(c => new RegExp(`^(md:)?${prefix}-span-(\\d+)$`).test(c)) .forEach(c => el.classList.remove(c)); // 2) 모바일은 auto 고정 el.classList.add(autoClass); // 3) md에서 유지할 숫자 결정: md에 있던 숫자 > base에 있던 숫자 const keep = md[md.length - 1] ?? base[base.length - 1]; // 4) 숫자가 있었다면 하나만 md로 재적용 if (keep) el.classList.add(`md:${prefix}-span-${keep}`); }; normalize('row', 'row-auto'); normalize('col', 'col-auto'); }); })(); 해당 코드 입력해보세요. 만약 붙여넣기 오류 난다면 한글로 그냥 붙여넣기 허용 이라고 입력하고 엔터하면 붙여넣기 됩니다.
자유게시판 잔고0원 2025-08-11
1
다들 복날 뭐 드시나요~?
자유게시판 브로홍 2025-08-10
2
오늘도 출첵 음핫핫 비가내려서 기분이 좋네요 선선하니
자유게시판 디아블로하자 2025-08-10
6
이 화폐는 뭘까요?
혹시 지폐에 조예가 깊은 분 계실까요? 서랍을 정리하다 우연히 발견한 일본 지폐입니다~~!! 매우 오래 전 아버지한테 받은 건데, 혹시 알고 계신 분이 있을까요?
자유게시판 브로홍 2025-08-09
2
쌍란이 연달아 터졌어요 ㅎ
하나의 달걀에 2개의 노른자가 들어 있는 ‘쌍란’ 쌍란의 확률이 약 1% 정도라고 하는데… 후라이를 하려고 달걀 2개를 터뜨렸는데, 쌍란이 연달아 나왔네요 ;;; 뭔가 소름이 끼치면서도, 좋은 일이 생기지 않을까 하는 기대감이 드네요 ㅎ 신기해서 사진 찍어봤습니다. 여러분들께도 좋은 기운(?) 나눠드립니다!!
자유게시판 브로홍 2025-08-09
1
대장님 주말에 죄송합니다만 이거 교통 정리좀 해주십셔 탁탁몰 그 응모 하는거 같은 경우에 저도 그렇고 많은 분들이 탁탁몰 타고 왔을건데 탁탁몰에서는 가입만해도 응모가 가능하다고 했거든요? 근데 빌런측 공지에서는 포인트 100을 모아야 한다고 했단 말이죠? 이게 각각 다른 응모를 말씀하시는건지 소통의 오류가 있는건지 어찌 된건지 좀 알려주십셔
자유게시판 아크라시아 2025-08-09
12
8월 9일 출석 8월 9일 출석 완료 모두 좋은 밤 되세요
자유게시판 커피한잔 2025-08-09
2
이벤트 누가 당첨될진 모르지만.. 관련 꿀팁 하나 제가 이미 경험해본 것이니 알려드리겠습니다! 제세공과금 22%는 내년 종합소득세 합산신고시 기타소득으로 부여해서 일시적 기타소득의 경우에는 세법에 따라 필요경비가 인정이 되는데 이는 필요경비 60% 항목으로 적용되어서 과세기준이 430만원인 그래픽카드가 필요경비 60%인 258만원을 뺀 172만원이 과세기준이 됩니다. 그러면 172만원에 대한 과세표준이 적용되면 세금을 내는 금액이 달라집니다. 물론, 종합소득 합산신고다보니 어차피 세금 내야 할 사람이였다면 세금내겠지만 그래도 차액만큼은 감면이 되니 꼭 계산할때 포함하면 좋습니다. 이미 연말정산을 통해 정산이 된 사람이면 저 기타소득에 대한 필요경비 환급세금이 나옵니다. 430만원 기준의 22% 94.6만원에서 172만원 기준의 22% 378,400원을 납부하는걸로 변경되며 나머지 차액인 567,600원 정도가 환급 될껍니다. 헷갈린다구요? 우리에겐 AI가 있습니다 ㅋㅋㅋㅋ GPT나 제미나이에게 물어보면 생각보다 상세하게 알려줄 겁니다.
자유게시판 잔고0원 2025-08-08
10
어느덧 선선하네요.날씨 ㅎㅎ
어느덧 날씨도 선선하고 조립하기 좋은날씨네요. ㅎㅎ 주말에는 5090당첨공약용 pc를 조립해야겟네요. 더우면 정신사나워서 못하는디 기분이 좋은.. 오늘 점심은 뼈다귀해장국~
자유게시판 디아블로하자 2025-08-08
2
가입 겸 출석 체크 합니다! 이 곳 둘러보니 괜찮네요! 앞으로 여러 가지로 재미있게 활동할 수 있었으면 합니다.
자유게시판 니자드 2025-08-08
2
91 92 93 94 95 96 97 98 99 100
탁탁몰
인사이 런칭
큐냅 블랙프라이데이
Today Ranking
  • 종합
  • 뉴스/정보
  • 커뮤니티
  • 질문/토론
1. 겨울철 전기차 주행거리, 이렇게 하면 극대화할 수 있다 2. 조텍 VIP 멤버십, 12월 맞아 달콤한 제주귤 증정 이벤트 진행 3. 삼성, Exynos 2600 최초 공개… “조용히 들었고, 핵심부터 다듬었다”는 티저로 메시지 전달 4. Intel Core Ultra 7 366H, Geekbench에 유출 – iGPU 성능이 Radeon 840M 대비 26%↑ 5. Ai로 만든 광고, 업계비상. 6. 알리 광군제와 블프 때문일까요? 평택세관에 오래 붙들려 있네요. 7. 테슬라 Model 3/Y 중국산 LG NCM811 팩, 심각한 고장률과 압도적으로 짧은 수명 8. 이제 한파 시작인듯 하네요. 9. ‘Windows on ARM 지원 외장 GPU’, 엔비디아·AMD가 아니라 중국 리쑤안일 가능성 10. 테슬라 중국산 LG 배터리, “상태가 catastrophic(재앙적)”…유럽 수리 업체의 주장
커뮤니티 빌런 18+ ( Villain ) Beta 2.0
본사 l 서울 금천구 가산디지털1로 33-33 대륭테크노타운2차 7층 705-5호
대표전화 l 010-4588-4581 | 서비스 시작일 l 2025-08-15
커뮤니티 빌런 18+ ( Villain ) 의 모든 콘텐츠(영상,기사, 사진)는 출처를 표기하는 조건으로 무단 전재와 복사, 배포 등을 허용합니다.
Copyright © 커뮤니티 빌런 18+ ( Villain ) All Rights Reserved.
광고
호스팅 로고