분류 전체보기27 버튼 키보드 스타일 적용 Name 1 Success Fail Name 2 Success Fail Name 3 Success Fail 2025. 6. 2. 키보드 버튼 입력 Name 1 Success Fail Name 2 Success Fail Name 3 Success Fail 2025. 6. 2. [Tailwind CSS] dark mode 적용 Tailwind css dark mode Tailwind CSS에서 dark모드 적용은 너무나 매끄럽다. 기존에 디폴트 모드에서 다크모드 적용을 해보았다. 아래내용은 정석은 아니고, 머리속 생각으로 적용한 방법이다. index.html index.js (global settings) if (localStorage.theme === 'dark') { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark'); } darkModeController.jsx function handleChange() { const checked = !isChecked; if (checked) { .. 2022. 12. 26. mobile에서 textarea 자동줌 해결 with 1rem 16px mobile browser에서 textarea 선택시 자동으로 줌이 되는경우가 있다? 왜 줌이 되는 걸까? 아마 줌이 된다면, 아래처럼 1:1로 viewport 고정을 안했을 경우 일것이다. 나역시 viewport 고정을 하고 싶지 않아, 설정을 하지 않았다. 이때에 textarea선택시 자동으로 줌이 된다면, text size가 16px보다 작을 경우이다. text size를 16px 또는 1rem으로 설정하면 해결된다. text size가 모바일에서 16px보다 작을경우, 자동으로 확대가 되게된다. 모바일 에서는 16px가 최소 크기로 설정이 되어있다. 2022. 12. 25. 이전 1 2 3 4 ··· 7 다음