반응형 전체 글116 a태그 링크 없을때 <a href="# 현재 코드도 동작은 하지만, 웹 접근성 측면에서 javascript:void(0);를 사용하는 것은 권장되지 않아.스크린 리더가 "링크"라고 인식하지만, 실제로 이동할 곳이 없기 때문이야.✅ 더 나은 코드 (웹 접근성 고려)1. href="#" + event.preventDefault(); 사용html복사편집a href="#" onclick="event.preventDefault(); showDtl('#aa')" class="notice-cover" role="button">버튼a> 🔹 이렇게 하면?✔ href="#"는 기본적으로 페이지를 이동시키려 하지만, event.preventDefault();가 이를 막아줌.✔ role="button"을 추가하여 스크린 리더가 "버튼"으로 인식할 수 있도록 함... 2025. 4. 1. 피그마 폰트 설치 https://blog.naver.com/ma9273/223554261398 2025. 3. 26. ios 스크롤 버그 ios 스크롤 해결*세로 overflow-y: auto; -webkit-overflow-scrolling: touch; *가로 overflow-x: auto; -webkit-transform: translateZ(0); https://bbol-world.tistory.com/24 ios 팝업시 overflow-x:scroll 안되는 문제ios에서 레이어팝업 시 overflow-x:scroll 안되는 문제에 대해서 업무하면서 레이어팝업으로 창을 띄우고, 그 안에 table이 width가 길어서 overflow-x:scroll로 처리를 했는데, 레이어팝업으로 띄운 후 확인bbol-world.tistory.com 2025. 3. 26. 부트스트랩 기본 폰트 사이즈 line-height font-size:1rem => 16pxline-height: 24px => 1.5 부트스트랩의 기본 폰트 크기는font-size: 1rem (16px 정도)로 설정되어 있습니다. 따라서 기본 line-height는 1.5로 설정되어 있어, 줄 간격은 1.5rem (24px)이 됩니다. 부트스트랩(Bootstrap)에서는 기본적으로 line-height를 여러 요소에 대해 설정해 놓은 클래스를 제공합니다. 주로 텍스트의 줄 간격을 조절하기 위해 line-height가 적용된 클래스가 있습니다.부트스트랩에서 자주 사용하는 line-height 관련 클래스는 다음과 같습니다:.lh-1: line-height: 1; (기본 줄 간격).lh-sm: line-height: 1.25; (줄 간격이 약간 더 넓어짐.. 2025. 3. 24. max-width: auto 안됨 max-width: auto;는 잘못된 문법입니다. max-width 속성은 auto 값을 사용할 수 없습니다. 만약 max-width를 초기화하거나 기본값으로 되돌리고 싶다면, auto 대신 **none**이나 **initial**을 사용해야 합니다.max-width 초기화 방법:max-width: none;:none을 사용하면 최대 너비 제한이 없게 됩니다. 요소의 너비는 부모 요소나 콘텐츠 크기에 따라 자유롭게 확장됩니다.css복사element { max-width: none; } max-width: initial;:initial을 사용하면 CSS 기본값으로 초기화됩니다. max-width의 기본값은 none입니다.css복사element { max-width: initial; } 요약:max-wid.. 2025. 3. 19. 피그마 미러링 https://www.figma.com/mirror계정으로 로그인해서 해당하는 파일 선택하면 브라우저에서 볼수있음 Figma Mirror www.figma.com미러링 2025. 3. 18. 이전 1 2 3 4 ··· 20 다음 반응형