본문 바로가기
반응형

분류 전체보기118

word-break: break-all; word-break: break-all; 연속된숫자, 영문 한줄로쭉된다 => 주소링크 2025. 4. 4.
서브셋폰트 https://spoqa.github.io/spoqa-han-sans/ 스포카 한 산스 네오  Spoqa Han Sans NeoSpoqa unveil the new Spoqa Han Sans Neo, which has evolved in many ways. | 여러모로 개선을 거쳐 진화한 스포카 한 산스 네오를 공개합니다. | これまでいろいろ改善して進化した新しいスポカーハンサンスネオspoqa.github.io   폰트버젼 정보확인하기https://fontdrop.info/ sqoqa sans neo폰트 서브셋폰트(불필요한글자 제거하고 사용할 글자만 남겨둔폰트)인경우걁샳 이런글자는 안나온다 2025. 4. 3.
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.
반응형