전체 글94 d 2024. 3. 19. React.StrictMode https://devshoveling.tistory.com/entry/ReactReactStrictMode%EC%97%90-%EB%8C%80%ED%95%B4%EC%84%9C 2024. 3. 7. [React] input 태그에 숫자만 입력되게 / input number 버튼 없애기 1 input 태그에 숫자만 입력되게 { if (birth.length > 8 && e.key !== "Backspace") { e.preventDefault(); } }} onChange={(e: React.ChangeEvent) => { const { value } = e.target; const onlyNum = value.replace(/[^0-9]/g, ""); setBirth(onlyNum); }} /> input창에 숫자만 입력되게 하려면, 정규식을 이용하여 숫자가 아닌 것들은 ''으로 바꾸어버리면 된다. 그런데 당황스럽게도 이 방법을 사용하니 maxLenght가 적용이 안되는 것이다 💦 그래서 onKeyDown을 이용하여 value가 8자리 이상일 땐 '뒤로가기' 외의 키는 안먹히도록 따로.. 2024. 1. 17. [React] 라이브러리 없이 자동 슬라이드 구현 ✨ 구현된 모습 새 프로젝트에서 배너를 만들게 되었는데 라이브러리 없이도 할 수 있을 것 같아서 간단하게 만들어 보았다! 일단 가볍게 시도해본거라서 무한 슬라이드까진 아니고, 마지막 배너라면 다시 처음으로 돌아가게끔 설계했다. 이게 문제점이 배너가 4개면 괜찮은데 배너가 2개뿐이거나 혹은 배너가 아주 많을 때는 돌아가는게 너무 어지러워서...😵💫 조만간 무한 슬라이드로 수정하지 않을까 싶다. 👩💻 전체 코드 CSS const BannerArea = styled.div` width: 100%; aspect-ratio: 5/2; // 종횡비 position: relative; margin-bottom: 2rem; `; const BannerList = styled.div` display: flex; po.. 2024. 1. 10. 이전 1 2 3 4 ··· 24 다음
